diff --git a/apps/frontend/src/components/layout/layout.settings.tsx b/apps/frontend/src/components/layout/layout.settings.tsx
index 500befb7..cd0b2809 100644
--- a/apps/frontend/src/components/layout/layout.settings.tsx
+++ b/apps/frontend/src/components/layout/layout.settings.tsx
@@ -132,7 +132,7 @@ export const LayoutSettings = ({ children }: { children: ReactNode }) => {
                 ) : (
                   <div />
                 )}
-                <div className="flex items-center gap-[8px]">
+                <div className="flex items-center gap-[8px] cursor-pointer">
                   <ModeComponent />
                   <SettingsComponent />
                   <NotificationComponent />