diff --git a/src/app/components/navbar.tsx b/src/app/components/navbar.tsx
index 70fc432..a9b7c2a 100644
--- a/src/app/components/navbar.tsx
+++ b/src/app/components/navbar.tsx
@@ -39,10 +39,12 @@ export default function NavBar(): ReactElement {
   return (
     <div className="bg-secondary relative w-full rounded-lg flex justify-between items-center gap-3 mt-2 px-3 bg-opacity-85 h-12">
       {/* Left */}
-      <Link href="/" className="flex items-center gap-2">
-        <Logo />
-        <p className="hidden md:block">Minecraft Utilities</p>
-      </Link>
+      <div className="z-50">
+        <Link href="/" className="flex items-center gap-2">
+          <Logo />
+          <p className="hidden md:block">Minecraft Utilities</p>
+        </Link>
+      </div>
 
       {/* Links */}
       <div className="absolute inset-x-0 flex justify-center">
@@ -64,7 +66,7 @@ export default function NavBar(): ReactElement {
       </div>
 
       {/* Right */}
-      <div className="flex gap-4 items-center">
+      <div className="flex gap-4 items-center z-50">
         <ToggleThemeButton />
         <GithubStar />
       </div>