From 955ffe87366e791807431c30c85e836e328c39cb Mon Sep 17 00:00:00 2001
From: moekumasaka <moe@weseek.co.jp>
Date: Tue, 24 Sep 2024 01:17:18 +0000
Subject: [PATCH] add w-100 to dropdown menu

---
 .../client/components/CustomNavigation/CustomNav.module.scss  | 4 ----
 apps/app/src/client/components/CustomNavigation/CustomNav.tsx | 2 +-
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/apps/app/src/client/components/CustomNavigation/CustomNav.module.scss b/apps/app/src/client/components/CustomNavigation/CustomNav.module.scss
index 2accc25615e..42ac2f29349 100644
--- a/apps/app/src/client/components/CustomNavigation/CustomNav.module.scss
+++ b/apps/app/src/client/components/CustomNavigation/CustomNav.module.scss
@@ -15,7 +15,3 @@
     transition: 0.3s ease-in-out;
   }
 }
-
-.dropdown-menu :global {
-  width: 100%;
-}
diff --git a/apps/app/src/client/components/CustomNavigation/CustomNav.tsx b/apps/app/src/client/components/CustomNavigation/CustomNav.tsx
index 64d2a83a3dc..3fc12e81cfa 100644
--- a/apps/app/src/client/components/CustomNavigation/CustomNav.tsx
+++ b/apps/app/src/client/components/CustomNavigation/CustomNav.tsx
@@ -77,7 +77,7 @@ export const CustomNavDropdown = (props: CustomNavDropdownProps): JSX.Element =>
           { Icon != null && <Icon /> } {i18n}
         </span>
       </button>
-      <div className={`dropdown-menu dropdown-menu-right ${isDropdownOpen ? 'show' : ''} ${styles['dropdown-menu']}`}>
+      <div className={`dropdown-menu dropdown-menu-right w-100 ${isDropdownOpen ? 'show' : ''} ${styles['dropdown-menu']}`}>
         {Object.entries(navTabMapping).map(([key, value]) => {
 
           const isActive = activeTab === key;