diff --git a/control/frontend/src/routes/DisplayGroupObject.svelte b/control/frontend/src/lib/components/DisplayGroupObject.svelte
similarity index 100%
rename from control/frontend/src/routes/DisplayGroupObject.svelte
rename to control/frontend/src/lib/components/DisplayGroupObject.svelte
diff --git a/control/frontend/src/routes/DisplayObject.svelte b/control/frontend/src/lib/components/DisplayObject.svelte
similarity index 100%
rename from control/frontend/src/routes/DisplayObject.svelte
rename to control/frontend/src/lib/components/DisplayObject.svelte
diff --git a/control/frontend/src/routes/InodeElement.svelte b/control/frontend/src/lib/components/InodeElement.svelte
similarity index 99%
rename from control/frontend/src/routes/InodeElement.svelte
rename to control/frontend/src/lib/components/InodeElement.svelte
index 198177a..10035d2 100755
--- a/control/frontend/src/routes/InodeElement.svelte
+++ b/control/frontend/src/lib/components/InodeElement.svelte
@@ -19,7 +19,7 @@
 		current_file_path,
 		get_missing_colliding_display_ids
 	} from '$lib/ts/stores/files';
-	import RefreshPlay from './RefreshPlay.svelte';
+	import RefreshPlay from '../svgs/RefreshPlay.svelte';
 	import { get_file_size_display_string, get_file_type } from '$lib/ts/utils';
 	import { open_file } from '$lib/ts/api_handler';
 	import { run_on_all_selected_displays } from '$lib/ts/stores/displays';
diff --git a/control/frontend/src/routes/OnlineState.svelte b/control/frontend/src/lib/components/OnlineState.svelte
similarity index 100%
rename from control/frontend/src/routes/OnlineState.svelte
rename to control/frontend/src/lib/components/OnlineState.svelte
diff --git a/control/frontend/src/routes/RefreshPlay.svelte b/control/frontend/src/lib/svgs/RefreshPlay.svelte
similarity index 100%
rename from control/frontend/src/routes/RefreshPlay.svelte
rename to control/frontend/src/lib/svgs/RefreshPlay.svelte
diff --git a/control/frontend/src/routes/DisplayView.svelte b/control/frontend/src/routes/DisplayView.svelte
index 1beb97e..ca2b445 100755
--- a/control/frontend/src/routes/DisplayView.svelte
+++ b/control/frontend/src/routes/DisplayView.svelte
@@ -19,13 +19,13 @@
 	} from '$lib/ts/stores/ui_behavior';
 	import { type Display, type DisplayGroup, type MenuOption } from '$lib/ts/types';
 	import Button from '$lib/components/Button.svelte';
-	import OnlineState from './OnlineState.svelte';
+	import OnlineState from '../lib/components/OnlineState.svelte';
 	import { cubicOut } from 'svelte/easing';
 	import { Menu, Pencil, PinOff, Settings, Trash2, VideoOff, ZoomIn, ZoomOut } from 'lucide-svelte';
 	import { selected_display_ids } from '$lib/ts/stores/select';
 	import { dragHandleZone } from 'svelte-dnd-action';
 	import { flip } from 'svelte/animate';
-	import DisplayGroupObject from './DisplayGroupObject.svelte';
+	import DisplayGroupObject from '../lib/components/DisplayGroupObject.svelte';
 	import { Pane, Splitpanes } from 'svelte-splitpanes';
 	import HighlightedText from '$lib/components/HighlightedText.svelte';
 	import { liveQuery, type Observable } from 'dexie';
diff --git a/control/frontend/src/routes/FileView.svelte b/control/frontend/src/routes/FileView.svelte
index c6ec49e..512096f 100755
--- a/control/frontend/src/routes/FileView.svelte
+++ b/control/frontend/src/routes/FileView.svelte
@@ -25,7 +25,7 @@
 		create_folder_on_all_selected_displays
 	} from '$lib/ts/stores/files';
 	import { slide } from 'svelte/transition';
-	import InodeElement from './InodeElement.svelte';
+	import InodeElement from '../lib/components/InodeElement.svelte';
 	import PopUp from '$lib/components/PopUp.svelte';
 	import { get_file_primary_key, type Inode, type PopupContent } from '$lib/ts/types';
 	import TextInput from '$lib/components/TextInput.svelte';