diff --git a/apps/dispatch/app/(app)/_components/Navbar.tsx b/apps/dispatch/app/(app)/_components/Navbar.tsx
index 0bcb448c..b7693ae6 100644
--- a/apps/dispatch/app/(app)/_components/Navbar.tsx
+++ b/apps/dispatch/app/(app)/_components/Navbar.tsx
@@ -3,8 +3,12 @@ import Link from "next/link";
 import { prisma } from "@repo/db";
 import { ChangelogWrapper } from "_components/navbar/ChangelogWrapper";
 import ModeSwitchDropdown from "_components/navbar/ModeSwitchDropdown";
+import { useSession } from "next-auth/react";
+import { getServerSession } from "api/auth/[...nextauth]/auth";
+import AdminPanel from "_components/navbar/AdminPanel";
 
 export default async function Navbar({ children }: { children: React.ReactNode }) {
+	const session = await getServerSession();
 	const latestChangelog = await prisma.changelog.findFirst({
 		orderBy: {
 			createdAt: "desc",
@@ -17,6 +21,7 @@ export default async function Navbar({ children }: { children: React.ReactNode }
 					<p className="text-xl font-semibold normal-case">VAR Operations Center</p>
 					<ChangelogWrapper latestChangelog={latestChangelog} />
 				</div>
+				{session?.user.permissions.includes("ADMIN_KICK") && <AdminPanel />}
 			</div>
 			<div className="flex items-center gap-2">
 				{children}
diff --git a/apps/dispatch/app/(app)/dispatch/layout.tsx b/apps/dispatch/app/(app)/dispatch/layout.tsx
index 3c1da056..ce13c9cc 100644
--- a/apps/dispatch/app/(app)/dispatch/layout.tsx
+++ b/apps/dispatch/app/(app)/dispatch/layout.tsx
@@ -5,6 +5,7 @@ import Navbar from "(app)/_components/Navbar";
 import { Audio } from "_components/Audio/Audio";
 import { Connection } from "./_components/navbar/Connection";
 import { Settings } from "./_components/navbar/Settings";
+import AdminPanel from "_components/navbar/AdminPanel";
 
 export const metadata: Metadata = {
 	title: "VAR: Disponent",