Adjust Header Menu BG Blur

src/app/ui/header-menu/header-menu.scss

@@ -5,12 +5,19 @@
   justify-content: start;
   gap: 30px;
 
-  width: 100%;
+  width: fit-content;
+  min-width: 100%;
+
   box-sizing: border-box;
   border-bottom: oklch(0 0 0 / 20%) 2px solid;
+  background-color: oklch(1 0 0 / 60%);
 
   backdrop-filter: blur(20px);
 
+  contain: layout paint;
+  isolation: isolate;
+  z-index: 100;
+
   .menu-left {
     display: flex;
     flex-direction: row;
@@ -34,8 +41,6 @@
 
       span {
         font-weight: 900;
-        line-height: 40px;
-
         /*text-box-trim: trim-both;
         text-box-edge: cap alphabetic;*/
       }
@@ -45,6 +50,7 @@
       font-size: 18px;
       line-height: 40px;
       vertical-align: middle;
+      white-space: nowrap;
     }
   }
 }

src/styles.scss

@@ -6,5 +6,7 @@ body {
   font-family: 'NanumSquareNeo', 'Wanted Sans Variable', 'Pretendard JP', sans-serif;
   font-weight: 500;
   margin: 0;
+
+  overscroll-behavior-x: none;
 }