diff --git a/frontend/src/components/Login.tsx b/frontend/src/components/Login.tsx
index ba32444..43d9e63 100644
--- a/frontend/src/components/Login.tsx
+++ b/frontend/src/components/Login.tsx
@@ -54,7 +54,7 @@ export function Login({ onLogin }: { onLogin: (user: UserType) => void }) {
       <div className="w-full max-w-sm">
         <div className="rounded-[2rem] border border-white/60 bg-white/80 p-8 shadow-2xl shadow-accent-900/5 backdrop-blur-xl dark:border-zinc-700/60 dark:bg-zinc-900/80">
           <div className="mb-2 flex flex-col items-center text-center">
-            <FlowerMark size={68} className="mb-4 drop-shadow-lg" />
+            <FlowerMark size={68} dynamic={false} className="mb-4 drop-shadow-lg" />
             <h1 className="text-2xl font-bold tracking-tight">Welcome back</h1>
             <p className="mt-1 text-sm opacity-60">Sign in to KisAssistant to continue</p>
           </div>
diff --git a/frontend/src/components/ResetPage.tsx b/frontend/src/components/ResetPage.tsx
index ba0e8ea..72c28fc 100644
--- a/frontend/src/components/ResetPage.tsx
+++ b/frontend/src/components/ResetPage.tsx
@@ -34,7 +34,7 @@ export function ResetPage({ token }: { token: string }) {
   return (
     <div className="grid min-h-full place-items-center bg-gradient-to-br from-stone-100 via-stone-50 to-accent-100/60 p-6 dark:from-zinc-950 dark:via-zinc-950 dark:to-accent-950/40">
       <div className="w-full max-w-sm rounded-[2rem] border border-white/60 bg-white/80 p-8 text-center shadow-2xl backdrop-blur-xl dark:border-zinc-700/60 dark:bg-zinc-900/80">
-        <FlowerMark size={56} className="mx-auto mb-4" />
+        <FlowerMark size={56} dynamic={false} className="mx-auto mb-4" />
         {state.kind === "loading" && <p className="flex items-center justify-center gap-2 text-sm opacity-60"><Spinner size={15} /> Checking link…</p>}
         {state.kind === "invalid" && (
           <div className="space-y-3">
diff --git a/frontend/src/components/ReviewPage.tsx b/frontend/src/components/ReviewPage.tsx
index a344377..518bbf3 100644
--- a/frontend/src/components/ReviewPage.tsx
+++ b/frontend/src/components/ReviewPage.tsx
@@ -70,7 +70,7 @@ export function ReviewPage({ ticketId }: { ticketId: string }) {
   return (
     <div className="grid min-h-full place-items-center bg-gradient-to-br from-stone-100 via-stone-50 to-accent-100/60 p-4 dark:from-zinc-950 dark:via-zinc-950 dark:to-accent-950/40 sm:p-6">
       <div className="w-full max-w-xl rounded-[2rem] border border-white/60 bg-white/80 p-6 shadow-2xl backdrop-blur-xl dark:border-zinc-700/60 dark:bg-zinc-900/80 sm:p-8">
-        <FlowerMark size={48} className="mx-auto mb-3" />
+        <FlowerMark size={48} dynamic={false} className="mx-auto mb-3" />
         <h1 className="text-center font-serif text-2xl font-bold tracking-tight">Access request</h1>
 
         {loading && <p className="mt-4 flex items-center justify-center gap-2 text-sm opacity-60"><Spinner size={15} /> Loading ticket…</p>}
diff --git a/frontend/src/components/dialogs.tsx b/frontend/src/components/dialogs.tsx
index 31fd567..b286947 100644
--- a/frontend/src/components/dialogs.tsx
+++ b/frontend/src/components/dialogs.tsx
@@ -635,7 +635,7 @@ function AccentSection() {
           style={{ background: state.presetId === "custom" ? state.customHex : undefined }}
           title="Custom color"
         >
-          <Sparkles size={14} className={cn("mix-blend-difference text-white", state.presetId === "custom" && "opacity-0")} />
+          <Sparkles size={14} className={cn("text-white drop-shadow-[0_1px_2px_rgba(0,0,0,0.6)]", state.presetId === "custom" && "opacity-0")} />
           <input
             type="color"
             aria-label="Custom accent color"