diff --git a/components/sidebar.tsx b/components/sidebar.tsx
index 035cf74f..4b372f40 100644
--- a/components/sidebar.tsx
+++ b/components/sidebar.tsx
@@ -79,7 +79,9 @@ export function Sidebar({ isOpen, onClose }: SidebarProps) {
     
     // Clean up user roles by removing prefixes and converting to lowercase for comparison
     const cleanUserRoles = userRoles.map(role => 
-      role.replace(/^[\/]/, '').toLowerCase()
+      role.replace(/^[\/]/, '')  // Remove leading slash
+          .replace(/^ROLE_/, '') // Remove ROLE_ prefix
+          .toLowerCase()
     );
     console.log('Clean user roles:', cleanUserRoles);