diff --git a/themes/starter/components/MenuItem.js b/themes/starter/components/MenuItem.js
index 40700857..95de15b2 100644
--- a/themes/starter/components/MenuItem.js
+++ b/themes/starter/components/MenuItem.js
@@ -42,7 +42,7 @@ export const MenuItem = ({ link }) => {
         <li className='submenu-item group relative whitespace-nowrap'>
           <button
             onClick={toggleSubMenu}
-            className={`cursor-pointer relative w-full px-8 flex items-center justify-between py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-8 lg:mr-0 lg:inline-flex lg:py-6 lg:pl-0 lg:pr-4 ${
+            className={`cursor-pointer relative px-8 flex items-center justify-between py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-8 lg:mr-0 lg:inline-flex lg:py-6 lg:pl-0 lg:pr-4 ${
               router.route === '/'
                 ? 'lg:text-white lg:group-hover:text-white'
                 : ''
diff --git a/themes/starter/style.js b/themes/starter/style.js
index a26b671b..d7a270fb 100644
--- a/themes/starter/style.js
+++ b/themes/starter/style.js
@@ -54,6 +54,11 @@ const Style = () => {
     color: rgb(55 88 249 / var(--tw-text-opacity));
     opacity: 1;
   }
+
+  #theme-starter .sticky #navbarCollapse li > button{
+    --tw-text-opacity: 1;
+    color: rgb(17 25 40 / var(--tw-text-opacity));
+  }
   
   :is(.dark #theme-starter .sticky #navbarCollapse li > a){
     --tw-text-opacity: 1;
@@ -64,7 +69,12 @@ const Style = () => {
     --tw-text-opacity: 1;
     color: rgb(55 88 249 / var(--tw-text-opacity));
   }
-  
+
+  :is(.dark #theme-starter .sticky #navbarCollapse li > button){
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }
+
   #navbarCollapse li .ud-menu-scroll.active{
     opacity: 0.7;
   }