diff --git a/src/components/Header.astro b/src/components/Header.astro
index 954a9dd..c45cd13 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -70,7 +70,6 @@ const strToX = <I,>(
     border-image: var(--box-blr-png) 10 fill / 20px / 20px round;
     margin: 0 20px 20px;
     padding: 10px 20px;
-    overflow: auto clip;
     height: 3rem; /* 2rem * 1.5 */
     /* render over feed bg */
     z-index: 2;
@@ -87,6 +86,10 @@ const strToX = <I,>(
 
       nav {
         margin-inline: auto;
+        contain: inline-size;
+        width: 100%;
+        overflow: auto;
+        scrollbar-width: thin;
       }
 
       h1 {
@@ -100,9 +103,10 @@ const strToX = <I,>(
       flex-direction: row;
       align-items: center;
       justify-content: start;
-      max-width: 100%;
       gap: 10px;
       z-index: 999;
+      width: fit-content;
+      margin-inline: auto;
 
       & > li {
         display: flex;
@@ -133,24 +137,25 @@ const strToX = <I,>(
   details {
     summary {
       cursor: pointer;
+      text-wrap: nowrap;
     }
 
-    > ul {
+    & > ul {
       position: absolute;
       z-index: 99999;
 
       @media (max-width: 650px) {
-        inset: auto 15px !important;
+        inset: auto 15px;
       }
 
       margin-top: 10px;
       padding: 20px;
-      border-image: var(--box-tlbr-png) 10 fill / 20px round;
-
-      padding-left: 30px;
+      padding-left: 40px;
       & ul {
         margin-left: 10px;
       }
+
+      border-image: var(--box-tlbr-png) 10 fill / 20px round;
     }
   }