diff --git a/src/lib/SideBars/CharConfig.svelte b/src/lib/SideBars/CharConfig.svelte
index f460dc1c..56fe7dd5 100644
--- a/src/lib/SideBars/CharConfig.svelte
+++ b/src/lib/SideBars/CharConfig.svelte
@@ -18,7 +18,7 @@
     import { getElevenTTSVoices, getWebSpeechTTSVoices, getVOICEVOXVoices } from "src/ts/process/tts";
     import { checkCharOrder, getFileSrc } from "src/ts/storage/globalApi";
     import { addGroupChar, rmCharFromGroup } from "src/ts/process/group";
-    import HubUpload from "../UI/HubUpload.svelte";
+    import HubUpload from "../UI/Realm/RealmUpload.svelte";
     import TextInput from "../UI/GUI/TextInput.svelte";
     import NumberInput from "../UI/GUI/NumberInput.svelte";
     import TextAreaInput from "../UI/GUI/TextAreaInput.svelte";
diff --git a/src/lib/UI/MainMenu.svelte b/src/lib/UI/MainMenu.svelte
index 4f0f6513..2bdd61ab 100644
--- a/src/lib/UI/MainMenu.svelte
+++ b/src/lib/UI/MainMenu.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
   import { appVer, webAppSubVer } from "src/ts/storage/database";
   import GithubStars from "../Others/GithubStars.svelte";
-  import Hub from "./Hub.svelte";
+  import Hub from "./Realm/RealmMain.svelte";
   import { sideBarStore } from "src/ts/stores";
   import { ArrowLeft } from "lucide-svelte";
   import { isNodeServer, isTauri, openURL } from "src/ts/storage/globalApi";
   import { language } from "src/lang";
   import { getRisuHub } from "src/ts/characterCards";
-  import RisuHubIcon from "./RisuHubIcon.svelte";
+  import RisuHubIcon from "./Realm/RealmHubIcon.svelte";
   let openHub = false
 </script>
 <div class="h-full w-full flex flex-col overflow-y-auto items-center">
diff --git a/src/lib/UI/RisuHubIcon.svelte b/src/lib/UI/Realm/RealmHubIcon.svelte
similarity index 100%
rename from src/lib/UI/RisuHubIcon.svelte
rename to src/lib/UI/Realm/RealmHubIcon.svelte
diff --git a/src/lib/UI/Hub.svelte b/src/lib/UI/Realm/RealmMain.svelte
similarity index 98%
rename from src/lib/UI/Hub.svelte
rename to src/lib/UI/Realm/RealmMain.svelte
index 4945ed70..0b562a14 100644
--- a/src/lib/UI/Hub.svelte
+++ b/src/lib/UI/Realm/RealmMain.svelte
@@ -4,9 +4,9 @@
     import { alertConfirm, alertInput, alertNormal } from "src/ts/alert";
     import { parseMarkdownSafe } from "src/ts/parser";
     import { language } from "src/lang";
-    import RisuHubIcon from "./RisuHubIcon.svelte";
+    import RisuHubIcon from "./RealmHubIcon.svelte";
     import { DataBase } from "src/ts/storage/database";
-  import TextInput from "./GUI/TextInput.svelte";
+    import TextInput from "../GUI/TextInput.svelte";
 
     let openedData:null|hubType = null
 
diff --git a/src/lib/UI/HubUpload.svelte b/src/lib/UI/Realm/RealmUpload.svelte
similarity index 96%
rename from src/lib/UI/HubUpload.svelte
rename to src/lib/UI/Realm/RealmUpload.svelte
index 1adf9c67..3a6a5596 100644
--- a/src/lib/UI/HubUpload.svelte
+++ b/src/lib/UI/Realm/RealmUpload.svelte
@@ -67,9 +67,9 @@
   import { alertError } from "src/ts/alert";
   import { shareRisuHub } from "src/ts/characterCards";
     import { DataBase, type character } from "src/ts/storage/database";
-  import TextInput from "./GUI/TextInput.svelte";
-  import TextAreaInput from "./GUI/TextAreaInput.svelte";
-  import Button from "./GUI/Button.svelte";
+  import TextInput from "../GUI/TextInput.svelte";
+  import TextAreaInput from "../GUI/TextAreaInput.svelte";
+  import Button from "../GUI/Button.svelte";
     export let close = () => {}
     export let char:character
     let tags=""