diff --git a/components/sidebar.tsx b/components/sidebar.tsx
index 4b372f40..e7420b86 100644
--- a/components/sidebar.tsx
+++ b/components/sidebar.tsx
@@ -54,6 +54,7 @@ export function Sidebar({ isOpen, onClose }: SidebarProps) {
     hasSession: !!session,
     user: session?.user,
     roles: session?.user?.role,
+    rawRoles: session?.user?.role,
     pathname
   });
 
@@ -78,11 +79,14 @@ export function Sidebar({ isOpen, onClose }: SidebarProps) {
     console.log('Raw user roles:', userRoles);
     
     // Clean up user roles by removing prefixes and converting to lowercase for comparison
-    const cleanUserRoles = userRoles.map(role => 
-      role.replace(/^[\/]/, '')  // Remove leading slash
-          .replace(/^ROLE_/, '') // Remove ROLE_ prefix
-          .toLowerCase()
-    );
+    const cleanUserRoles = userRoles.map(role => {
+      const cleaned = role
+        .replace(/^[\/]/, '')  // Remove leading slash
+        .replace(/^ROLE_/, '') // Remove ROLE_ prefix
+        .toLowerCase();
+      console.log('Cleaning role:', { original: role, cleaned });
+      return cleaned;
+    });
     console.log('Clean user roles:', cleanUserRoles);
     
     // If requiredRole is an array, check if user has any of the roles