diff --git a/app/src/components/settings/Info.svelte b/app/src/components/settings/Info.svelte
index c064ade..4688dec 100644
--- a/app/src/components/settings/Info.svelte
+++ b/app/src/components/settings/Info.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { socket, isConnected, systemInfo } from "../../lib/socket";
     import { onMount } from 'svelte'
-	import { humanFileSize } from "../../lib/utils";
+	import { humanFileSize } from "$lib/utilities";
     
     onMount(() => {
         if ($isConnected) {
diff --git a/app/src/lib/utilities/index.ts b/app/src/lib/utilities/index.ts
new file mode 100644
index 0000000..fbe626b
--- /dev/null
+++ b/app/src/lib/utilities/index.ts
@@ -0,0 +1,2 @@
+export * from './result'
+export * from './string-utilities'
diff --git a/app/src/lib/utilities/string-utilities.ts b/app/src/lib/utilities/string-utilities.ts
new file mode 100644
index 0000000..594fd30
--- /dev/null
+++ b/app/src/lib/utilities/string-utilities.ts
@@ -0,0 +1,5 @@
+export const humanFileSize = (size:number):string => {
+    const units = ['B', 'kB', 'MB', 'GB', 'TB']
+    var i = size == 0 ? 0 : Math.floor(Math.log(size) / Math.log(1024));
+    return Number((size / Math.pow(1024, i)).toFixed(2)) * 1 + units[i];
+}
\ No newline at end of file
diff --git a/app/src/lib/utils.ts b/app/src/lib/utils.ts
index e979218..803577c 100644
--- a/app/src/lib/utils.ts
+++ b/app/src/lib/utils.ts
@@ -1,10 +1,5 @@
 import { writable } from 'svelte/store';
 
-export const humanFileSize = (size:number):string => {
-    var i = size == 0 ? 0 : Math.floor(Math.log(size) / Math.log(1024));
-    return Number((size / Math.pow(1024, i)).toFixed(2)) * 1 + ['B', 'kB', 'MB', 'GB', 'TB'][i];
-}
-
 export const lerp = (start: number, end: number, amt: number) => {
     return (1 - amt) * start + amt * end;
 };