diff --git a/frontend/src/components/Sidebar/index.jsx b/frontend/src/components/Sidebar/index.jsx
index 01484dd735904182626a2d44ec92df5100659688..f0c27f09dd566e206530840705c9b3a1c84e0957 100644
--- a/frontend/src/components/Sidebar/index.jsx
+++ b/frontend/src/components/Sidebar/index.jsx
@@ -274,9 +274,12 @@ export function SidebarMobileHeader() {
 }
 
 function SettingsButton() {
+  const { user } = useUser();
   return (
     <a
-      href={paths.settings.system()}
+      href={
+       !!user?.role ? paths.settings.system() : paths.settings.appearance()
+      }
       className="transition-all duration-300 p-2 rounded-full text-white bg-sidebar-button hover:bg-menu-item-selected-gradient hover:border-slate-100 hover:border-opacity-50 border-transparent border"
     >
       <Wrench className="h-4 w-4" weight="fill" />