SUL23-698 | fixup about us menu item display

SU-SWS · Dec 17, 2024 · d71c4d4 · d71c4d4
1 parent 0b738a3
commit d71c4d4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/menu/fallback-main-menu.tsx b/src/components/menu/fallback-main-menu.tsx
@@ -27,7 +27,7 @@ const MenuItem = ({url, title}: MenuItemType) => {
         href={linkUrl}
         className="flex w-full items-center p-20 text-white no-underline hover:bg-black hover:text-white hover:underline focus:bg-black focus:text-white lg:text-black-true lg:hover:bg-transparent lg:hover:text-black-true lg:focus:bg-transparent lg:focus:text-black-true lg:focus:underline"
       >
-        <div className="pl-30 lg:pl-0">{title}</div>
+        <div className="shrink-0 pl-30 lg:pl-0">{title}</div>
       </Link>
     </li>
   )

diff --git a/src/components/menu/main-menu.tsx b/src/components/menu/main-menu.tsx
@@ -204,7 +204,7 @@ const MenuItem = ({
           )}
           aria-current={activeTrail.at(-1) === id ? "page" : undefined}
         >
-          <div className={twMerge("pl-30 lg:pl-0", titleSpacing[menuLevel])}>{title}</div>
+          <div className={twMerge("shrink-0 pl-30 lg:pl-0", titleSpacing[menuLevel])}>{title}</div>
         </Link>
       )}
 
@@ -218,7 +218,7 @@ const MenuItem = ({
           onClick={toggleSubmenu}
           aria-expanded={submenuOpen ? "true" : "false"}
         >
-          <span className={twMerge("pl-30 lg:pl-0", titleSpacing[menuLevel])}>{title}</span>
+          <span className={twMerge("shrink-0 pl-30 lg:pl-0", titleSpacing[menuLevel])}>{title}</span>
         </button>
       )}