diff --git a/about.html b/about.html
index a993345..0007b38 100644
--- a/about.html
+++ b/about.html
@@ -370,28 +370,30 @@
       <div class="cursor-pointer" id="menuToggle">
         <!-- Desktop view: menuWrap with waves and outline -->
         <div class="relative inline-block hidden md:block" id="menuWrap">
-          <div class="menu-waves" aria-hidden="true">
-            <span class="wave"></span>
-            <span class="wave"></span>
-            <span class="wave"></span>
-          </div>
-          <div class="menu-outline" aria-hidden="true"></div>
-          <div class="grid grid-cols-3 gap-1 w-6 h-6 relative" id="menuGrid">
-            <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>
-            <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>
-            <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>
-          </div>
-          <div
-            id="menuPetal"
-            class="absolute inset-0 flex items-center justify-center pointer-events-none opacity-0 transition-opacity"
-          >
-            <img src="assets/icons/petal.png" alt="petal" class="w-8 h-8" />
+          <div class="cursor-pointer bg-black/30 backdrop-blur-sm rounded-lg p-3">
+            <div class="menu-waves" aria-hidden="true">
+              <span class="wave"></span>
+              <span class="wave"></span>
+              <span class="wave"></span>
+            </div>
+            <div class="menu-outline" aria-hidden="true"></div>
+            <div class="grid grid-cols-3 gap-1 w-6 h-6 relative" id="menuGrid">
+              <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>
+              <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>
+              <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>
+            </div>
+            <div
+              id="menuPetal"
+              class="absolute inset-0 flex items-center justify-center pointer-events-none opacity-0 transition-opacity"
+            >
+              <img src="assets/icons/petal.png" alt="petal" class="w-8 h-8" />
+            </div>
           </div>
         </div>