diff --git a/AquaNet/src/components/settings/Mai2Settings.svelte b/AquaNet/src/components/settings/Mai2Settings.svelte
index a664111d..cb61b5f6 100644
--- a/AquaNet/src/components/settings/Mai2Settings.svelte
+++ b/AquaNet/src/components/settings/Mai2Settings.svelte
@@ -6,6 +6,7 @@
   import StatusOverlays from "../StatusOverlays.svelte";
   import { GAME } from "../../libs/sdk";
   import GameSettingFields from "./GameSettingFields.svelte";
+  import { download } from "../../libs/ui";
 
   const profileFields = [
     ['name', t('settings.mai2.name')],
@@ -42,15 +43,6 @@
       .catch(e => error = e.message)
       .finally(() => submitting = "")
   }
-
-  function download(data: string, filename: string) {
-    const blob = new Blob([data]);
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = filename;
-    link.click();
-  }
 </script>
 
 <div class="fields" out:fade={FADE_OUT} in:fade={FADE_IN}>
diff --git a/AquaNet/src/libs/ui.ts b/AquaNet/src/libs/ui.ts
index fe2b4ca9..23bca645 100644
--- a/AquaNet/src/libs/ui.ts
+++ b/AquaNet/src/libs/ui.ts
@@ -212,3 +212,12 @@ export function pfp(node: HTMLImageElement, me?: AquaNetUser) {
   node.src = me?.profilePicture ? `${AQUA_HOST}/uploads/net/portrait/${me.profilePicture}` : DEFAULT_PFP
   node.onerror = e => pfpNotFound(e as Event)
 }
+
+export function download(data: string, filename: string) {
+  const blob = new Blob([data]);
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.href = url;
+  link.download = filename;
+  link.click();
+}