diff --git a/packages/frontend/src/components/ui/icon.tsx b/packages/frontend/src/components/ui/icon.tsx
index 54678e6..464e695 100644
--- a/packages/frontend/src/components/ui/icon.tsx
+++ b/packages/frontend/src/components/ui/icon.tsx
@@ -157,9 +157,15 @@ export default function Icon({
     color?: string;
 } & React.ComponentProps<"svg">) {
     const session = useSessionSafe();
-    const resolvedStyle = (iconStyle ?? session?.user?.iconPreference ?? "lucide") as IconStyle;
+    const resolvedStyle = (iconStyle ??
+        session?.user?.iconPreference ??
+        localStorage.getItem("iconPreference") ??
+        "lucide") as IconStyle;
     const IconComponent = icons[icon]?.[resolvedStyle];
 
+    if (localStorage.getItem("iconPreference") !== resolvedStyle)
+        localStorage.setItem("iconPreference", resolvedStyle);
+
     if (!IconComponent) {
         return null;
     }