diff --git a/apps/hub/app/(app)/layout.tsx b/apps/hub/app/(app)/layout.tsx
index 62c51cc4..6d66e0bf 100644
--- a/apps/hub/app/(app)/layout.tsx
+++ b/apps/hub/app/(app)/layout.tsx
@@ -1,15 +1,15 @@
-import type { Metadata } from "next";
+import type { Metadata } from 'next';
 import {
   DiscordLogoIcon,
   InstagramLogoIcon,
   ReaderIcon,
-} from "@radix-ui/react-icons";
-import { HorizontalNav, VerticalNav } from "../_components/ui/Nav";
-import { Toaster } from "react-hot-toast";
+} from '@radix-ui/react-icons';
+import { HorizontalNav, VerticalNav } from '../_components/Nav';
+import { Toaster } from 'react-hot-toast';
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: 'Create Next App',
+  description: 'Generated by create next app',
 };
 
 export default async function RootLayout({
diff --git a/apps/hub/app/_components/Nav.tsx b/apps/hub/app/_components/Nav.tsx
new file mode 100644
index 00000000..c925bd72
--- /dev/null
+++ b/apps/hub/app/_components/Nav.tsx
@@ -0,0 +1,78 @@
+import {
+  HomeIcon,
+  PersonIcon,
+  GearIcon,
+  ExitIcon,
+  LockClosedIcon,
+} from '@radix-ui/react-icons';
+import Link from 'next/link';
+
+export const VerticalNav = () => {
+  return (
+    <ul className="menu w-64 bg-base-300 p-4 rounded-lg shadow-md">
+      <li>
+        <Link href="/">
+          <HomeIcon /> Dashboard
+        </Link>
+      </li>
+      <li>
+        <Link href="/profile">
+          <PersonIcon /> Profile
+        </Link>
+      </li>
+      <li>
+        <details open>
+          <summary>
+            <LockClosedIcon />
+            Admin
+          </summary>
+          <ul>
+            <li>
+              <Link href="/admin/user">Benutzer</Link>
+            </li>
+            <li>
+              <Link href="/admin/station">Stationen</Link>
+            </li>
+            <li>
+              <Link href="/admin/event">Events</Link>
+            </li>
+          </ul>
+        </details>
+      </li>
+      <li>
+        <Link href="/settings">
+          <GearIcon />
+          Einstellungen
+        </Link>
+      </li>
+    </ul>
+  );
+};
+
+export const HorizontalNav = () => (
+  <div className="navbar bg-base-200 shadow-md rounded-lg mb-4">
+    <div className="flex-1">
+      <a className="btn btn-ghost normal-case text-xl">
+        Virtual Air Rescue - HUB
+      </a>
+    </div>
+    <div className="flex-none">
+      <ul className="flex space-x-2 px-1">
+        <li>
+          <Link href="/">
+            <button className="btn btn-sm btn-outline btn-primary">
+              Zur Leitstelle
+            </button>
+          </Link>
+        </li>
+        <li>
+          <Link href="/logout">
+            <button className="btn btn-sm">
+              <ExitIcon /> Logout
+            </button>
+          </Link>
+        </li>
+      </ul>
+    </div>
+  </div>
+);
diff --git a/apps/hub/app/_components/ui/Nav.tsx b/apps/hub/app/_components/ui/Nav.tsx
deleted file mode 100644
index ec65321c..00000000
--- a/apps/hub/app/_components/ui/Nav.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import {
-  HomeIcon,
-  PersonIcon,
-  GearIcon,
-  ExitIcon,
-  LockClosedIcon,
-} from '@radix-ui/react-icons';
-import Link from 'next/link';
-
-export const VerticalNav = () => {
-  return (
-    <div className="w-64 bg-base-300 p-4 rounded-lg shadow-md">
-      <ul className="menu">
-        <li>
-          <Link href="/">
-            <HomeIcon /> Dashboard
-          </Link>
-        </li>
-        <li>
-          <Link href="/profile">
-            <PersonIcon /> Profile
-          </Link>
-        </li>
-        <li>
-          <details open>
-            <summary>
-              <LockClosedIcon />
-              Admin
-            </summary>
-            <ul>
-              <li>
-                <Link href="/admin/user">Benutzer</Link>
-              </li>
-              <li>
-                <Link href="/admin/station">Stationen</Link>
-              </li>
-              <li>
-                <Link href="/admin/event">Events</Link>
-              </li>
-            </ul>
-          </details>
-        </li>
-        <li>
-          <Link href="/settings">
-            <GearIcon />
-            Einstellungen
-          </Link>
-        </li>
-      </ul>
-    </div>
-  );
-};
-
-export const HorizontalNav = () => (
-  <div className="navbar bg-base-200 shadow-md rounded-lg mb-4">
-    <div className="flex-1">
-      <a className="btn btn-ghost normal-case text-xl">
-        Virtual Air Rescue - HUB
-      </a>
-    </div>
-    <div className="flex-none">
-      <ul className="flex space-x-2 px-1">
-        <li>
-          <Link href="/">
-            <button className="btn btn-sm btn-outline btn-primary">
-              Zur Leitstelle
-            </button>
-          </Link>
-        </li>
-        <li>
-          <Link href="/logout">
-            <button className="btn btn-sm">
-              <ExitIcon /> Logout
-            </button>
-          </Link>
-        </li>
-      </ul>
-    </div>
-  </div>
-);