From 87272812f97ccee29add45b9a0b590e1f16939ff Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Thu, 25 Jun 2026 23:13:08 +0100
Subject: [PATCH] fix(sidebar): restore menu button styles on disabled nav
 items

Disabled items were overriding props.class with a custom class string,
stripping the Sidebar.MenuButton's height, padding, and color styles.
Drop the inline class and rely on the existing aria-disabled CSS rules.
---
 .../features/ui/sidebar/org-sidebar/nav-main.svelte  | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/apps/dashboard/src/lib/features/ui/sidebar/org-sidebar/nav-main.svelte b/apps/dashboard/src/lib/features/ui/sidebar/org-sidebar/nav-main.svelte
index e11893b9..27a8a905 100644
--- a/apps/dashboard/src/lib/features/ui/sidebar/org-sidebar/nav-main.svelte
+++ b/apps/dashboard/src/lib/features/ui/sidebar/org-sidebar/nav-main.svelte
@@ -32,11 +32,7 @@
                         <HoverableItem>
                           {#snippet children(isHovered)}
                             {#if item.disabled}
-                              <span
-                                {...props}
-                                aria-disabled="true"
-                                class="flex cursor-not-allowed items-center gap-2 opacity-50"
-                              >
+                              <span {...props} aria-disabled="true">
                                 {#if item.icon}
                                   {@const Icon = item.icon}
                                   <Icon {isHovered} size={16} class="custom" />
@@ -71,11 +67,7 @@
                     <HoverableItem>
                       {#snippet children(isHovered)}
                         {#if item.disabled}
-                          <span
-                            {...props}
-                            aria-disabled="true"
-                            class="flex cursor-not-allowed items-center gap-2 opacity-50"
-                          >
+                          <span {...props} aria-disabled="true">
                             {#if item.icon}
                               {@const Icon = item.icon}
                               <Icon {isHovered} size={16} class="custom" />