diff --git a/about.html b/about.html
index a77937f..24b9743 100644
--- a/about.html
+++ b/about.html
@@ -370,10 +370,10 @@
     <!-- Menu Toggle with Transparent Background -->
     <div class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40">
       <div
-        class="cursor-pointer bg-black/30 backdrop-blur-sm rounded-lg p-3 transition-transform duration-300"
+        class="cursor-pointer p-3 transition-transform duration-300"
         id="menuToggle"
       >
-        <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid">
+        <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid" style="outline: 1px solid rgba(255,255,255,0.6); outline-offset: 6px;">
               <span class="w-1 h-1 bg-white rounded-full"></span>
               <span class="w-1 h-1 bg-white rounded-full"></span>
               <span class="w-1 h-1 bg-white rounded-full"></span>
diff --git a/contact.html b/contact.html
index 2300be5..03c8833 100644
--- a/contact.html
+++ b/contact.html
@@ -372,7 +372,7 @@
     <!-- Menu Toggle -->
     <div class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40">
           <div class="cursor-pointer" id="menuToggle">
-        <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid">
+        <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid" style="outline: 1px solid rgba(255,255,255,0.6); outline-offset: 6px;">
               <span class="w-1 h-1 bg-white rounded-full"></span>
               <span class="w-1 h-1 bg-white rounded-full"></span>
               <span class="w-1 h-1 bg-white rounded-full"></span>
diff --git a/index.html b/index.html
index 93915cc..9fe3045 100644
--- a/index.html
+++ b/index.html
@@ -384,7 +384,14 @@
           style="animation-delay: 0.4s; animation-fill-mode: forwards"
         >
           <div class="cursor-pointer" id="menuToggle">
-            <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid">
+            <div
+              class="grid grid-cols-3 gap-1 w-6 h-6"
+              id="menuGrid"
+              style="
+                outline: 1px solid rgba(255, 255, 255, 0.6);
+                outline-offset: 6px;
+              "
+            >
               <span class="w-1 h-1 bg-white"></span>
               <span class="w-1 h-1 bg-white"></span>
               <span class="w-1 h-1 bg-white"></span>
diff --git a/projects.html b/projects.html
index f6c3f13..4b98e81 100644
--- a/projects.html
+++ b/projects.html
@@ -374,11 +374,15 @@
     <div
       class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40"
     >
-      <div
-        class="cursor-pointer bg-black/30 backdrop-blur-sm rounded-lg p-3"
-        id="menuToggle"
-      >
-        <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid">
+      <div class="cursor-pointer p-3" id="menuToggle">
+        <div
+          class="grid grid-cols-3 gap-1 w-6 h-6"
+          id="menuGrid"
+          style="
+            outline: 1px solid rgba(255, 255, 255, 0.6);
+            outline-offset: 6px;
+          "
+        >
           <span class="w-1 h-1 bg-white rounded-full"></span>
           <span class="w-1 h-1 bg-white rounded-full"></span>
           <span class="w-1 h-1 bg-white rounded-full"></span>
diff --git a/services.html b/services.html
index ffe4223..fc53f30 100644
--- a/services.html
+++ b/services.html
@@ -521,10 +521,10 @@
     <!-- Menu Toggle with Transparent Background -->
     <div class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40">
       <div
-        class="cursor-pointer bg-black/30 backdrop-blur-sm rounded-lg p-3"
+        class="cursor-pointer p-3"
         id="menuToggle"
       >
-        <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid">
+        <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid" style="outline: 1px solid rgba(255,255,255,0.6); outline-offset: 6px;">
               <span class="w-1 h-1 bg-white rounded-full"></span>
               <span class="w-1 h-1 bg-white rounded-full"></span>
               <span class="w-1 h-1 bg-white rounded-full"></span>
diff --git a/styles/output.css b/styles/output.css
index 2aaa6c6..a260b75 100644
--- a/styles/output.css
+++ b/styles/output.css
@@ -890,6 +890,10 @@ video {
   display: flex;
 }
 
+.inline-flex {
+  display: inline-flex;
+}
+
 .grid {
   display: grid;
 }
diff --git a/who.html b/who.html
index 6779b88..79f3071 100644
--- a/who.html
+++ b/who.html
@@ -370,10 +370,10 @@
     <!-- Menu Toggle with Transparent Background -->
     <div class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40">
       <div
-        class="cursor-pointer bg-black/30 backdrop-blur-sm rounded-lg p-3"
+        class="cursor-pointer p-3"
         id="menuToggle"
       >
-        <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid">
+        <div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid" style="outline: 1px solid rgba(255,255,255,0.6); outline-offset: 6px;">
               <span class="w-1 h-1 bg-white rounded-full"></span>
               <span class="w-1 h-1 bg-white rounded-full"></span>
               <span class="w-1 h-1 bg-white rounded-full"></span>