diff --git a/assets/css/app.css b/assets/css/app.css
index 3c2e93b..b754a08 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -185,18 +185,22 @@
    Menu Groups - Disable hover and active on expanded-menu-group header
    ============================================ */
 
-/* Disable all interactive effects on expanded-menu-group header (no href, not clickable) */
-.sidebar .menu > li.expanded-menu-group > div:not(a) {
+/* Disable all interactive effects on expanded-menu-group header (no href, not clickable)
+   Using [role="group"] to increase specificity and avoid !important */
+.sidebar .menu > li.expanded-menu-group > div[role="group"]:not(a) {
   pointer-events: none;
   cursor: default;
 }
 
-.sidebar .menu > li.expanded-menu-group > div:not(a):hover,
-.sidebar .menu > li.expanded-menu-group > div:not(a):active,
-.sidebar .menu > li.expanded-menu-group > div:not(a):focus {
-  background-color: transparent !important;
-  box-shadow: none !important;
-  cursor: default !important;
+/* Higher specificity selector to override DaisyUI menu hover styles
+   DaisyUI uses :where() which has 0 specificity, but the compiled CSS might have higher specificity
+   Using [role="group"] attribute selector increases specificity without !important */
+.sidebar .menu > li.expanded-menu-group > div[role="group"]:not(a):hover,
+.sidebar .menu > li.expanded-menu-group > div[role="group"]:not(a):active,
+.sidebar .menu > li.expanded-menu-group > div[role="group"]:not(a):focus {
+  background-color: transparent;
+  box-shadow: none;
+  cursor: default;
   color: inherit;
 }