From d71c4d4fc9c60959bff7f6135cb74b341f8c5c03 Mon Sep 17 00:00:00 2001
From: rebeccahongsf <rebeccahongsf@gmail.com>
Date: Mon, 16 Dec 2024 16:47:46 -0800
Subject: [PATCH] SUL23-698 | fixup about us menu item display

---
 src/components/menu/fallback-main-menu.tsx | 2 +-
 src/components/menu/main-menu.tsx          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/menu/fallback-main-menu.tsx b/src/components/menu/fallback-main-menu.tsx
index fec07466..6eed44a1 100644
--- 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
index 5e73ed71..9ce1eebd 100644
--- 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>
       )}