diff --git a/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss b/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss
index a67d13d..1bf5759 100644
--- a/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss
+++ b/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss
@@ -140,20 +140,28 @@ body.o_web_client {
     }
 
     .o_burger_menu_content {
+        // This area has its own opaque white background in Odoo's base
+        // styles, which otherwise sits on top of (hides) the gradient
+        // set on .o_app_menu_sidebar above — make it transparent so the
+        // gradient shows through.
+        background: transparent !important;
         color: #ffffff !important;
 
-        // Current app header (icon + name), and app list items when
-        // the "All Apps" view is open
-        .fs-4.fw-bolder, .o_app {
-            color: #ffffff !important;
+        // web.SectionMenu applies Bootstrap's .text-900 (near-black, also
+        // !important) directly on the same <li> for leaf items, which beats
+        // a plain `li { color }` rule on specificity and left those items
+        // invisible (white-on-white). Force every descendant to inherit
+        // this white instead of fighting each Bootstrap utility class.
+        * {
+            color: inherit !important;
         }
+
         .o_app.bg-primary-subtle {
             background-color: rgba(255, 255, 255, 0.15) !important;
         }
 
         // Section tree rendered by web.SectionMenu
         ul.list-unstyled li {
-            color: rgba(255, 255, 255, 0.9) !important;
             border-color: rgba(255, 255, 255, 0.15) !important;
 
             &:active, &:hover {