diff --git a/src/routes/admin/+layout.svelte b/src/routes/admin/+layout.svelte
index a2c3e52..d63f16e 100644
--- a/src/routes/admin/+layout.svelte
+++ b/src/routes/admin/+layout.svelte
@@ -22,50 +22,58 @@
 	export let data: LayoutData;
 	if (data.reportCount) $reportCount = data.reportCount;
 	if (data.adminCount) $adminCount = data.adminCount;
+
+	let tabs = [
+		{
+			path: `${env.PUBLIC_BASE_PATH}/admin/users`,
+			icon: 'user-group-outline',
+			name: 'Registrierte Nutzer',
+			badge: data.userCount,
+			enabled: data.userCount != null
+		},
+		{
+			path: `${env.PUBLIC_BASE_PATH}/admin/reports`,
+			icon: 'flag-outline',
+			name: 'Reports',
+			badge: $reportCount,
+			enabled: data.reportCount != null
+		},
+		{
+			path: `${env.PUBLIC_BASE_PATH}/admin/admin`,
+			icon: 'users-outline',
+			name: 'Website Admins',
+			badge: $adminCount,
+			enabled: data.adminCount != null
+		}
+	];
 </script>
 
 {#if $page.url.pathname !== `${env.PUBLIC_BASE_PATH}/admin/login`}
-	<div class="flex h-screen w-screen">
-		<div class="h-full">
-			<ul class="menu p-4 w-max h-full bg-base-200 text-base-content">
-				{#if data.userCount != null}
-					<li>
-						<a href="{env.PUBLIC_BASE_PATH}/admin/users">
-							<IconOutline name="user-group-outline" />
-							<span class="ml-1">Registrierte Nutzer</span>
-							<div class="badge">{data.userCount}</div>
-						</a>
-					</li>
-				{/if}
-				{#if data.reportCount != null}
-					<li>
-						<a href="{env.PUBLIC_BASE_PATH}/admin/reports">
-							<IconOutline name="flag-outline" />
-							<span class="ml-1">Reports</span>
-							<div class="badge">{$reportCount}</div>
-						</a>
-					</li>
-				{/if}
-				{#if data.adminCount != null}
-					<li>
-						<a href="{env.PUBLIC_BASE_PATH}/admin/admin">
-							<IconOutline name="users-outline" />
-							<span class="ml-1">Website Admins</span>
-							<div class="badge">{$adminCount}</div>
-						</a>
-					</li>
-				{/if}
-				<li class="mt-auto">
+	<div class="h-12 relative bg-base-200 flex justify-center items-center">
+		<ul class="menu menu-horizontal h-10 p-0 flex items-center bg-base-300 rounded-lg">
+			{#each tabs as tab}
+				<li>
+					<a href={tab.path}>
+						<IconOutline name={tab.icon} />
+						<span class="mr-1" class:underline={$page.url.pathname === tab.path}>{tab.name}</span>
+						<div class="badge">{tab.badge}</div>
+					</a>
+				</li>
+			{/each}
+		</ul>
+		<div class="absolute top-0 right-0 flex items-center h-full">
+			<ul class="menu menu-vertical">
+				<li>
 					<button on:click={(e) => buttonTriggeredRequest(e, logout())}>
 						<IconOutline name="arrow-left-on-rectangle-outline" />
-						<span class="ml-1">Ausloggen</span>
+						<span>Ausloggen</span>
 					</button>
 				</li>
 			</ul>
 		</div>
-		<div class="h-full w-full overflow-y-scroll overflow-x-hidden">
-			<slot />
-		</div>
+	</div>
+	<div class="h-full w-full overflow-y-scroll overflow-x-hidden">
+		<slot />
 	</div>
 {:else}
 	<div class="h-full w-full">