From 323277c9a00f5d41c23f0366605c7586ec230401 Mon Sep 17 00:00:00 2001
From: Smyile <84925446+xsmyile@users.noreply.github.com>
Date: Wed, 24 Jun 2026 11:20:23 +0200
Subject: [PATCH 1/2] fix(ui): restore dialog scale-in entrance

---
 ui/src/components/Modal.tsx |  2 +-
 ui/src/index.css            | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/Modal.tsx b/ui/src/components/Modal.tsx
index f4c8aa0..7133b71 100644
--- a/ui/src/components/Modal.tsx
+++ b/ui/src/components/Modal.tsx
@@ -28,7 +28,7 @@ export default function Modal(props: ModalProps) {
           onClick={() => props.onClose()}
         />
         <div
-          class={`relative w-full ${props.maxWidth ?? "max-w-lg"} bg-white dark:bg-zinc-900 rounded-2xl border border-zinc-200 dark:border-zinc-800 shadow-2xl animate-pop-in overflow-hidden`}
+          class={`relative w-full ${props.maxWidth ?? "max-w-lg"} bg-white dark:bg-zinc-900 rounded-2xl border border-zinc-200 dark:border-zinc-800 shadow-2xl animate-scale-in overflow-hidden`}
         >
           {props.children}
         </div>
diff --git a/ui/src/index.css b/ui/src/index.css
index 6a26d8b..eefec53 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -49,22 +49,22 @@
   }
 }
 
-@keyframes pop-in {
+@keyframes scale-in {
   from {
     opacity: 0;
-    transform: translateY(8px);
+    transform: scale(0.95);
   }
   to {
     opacity: 1;
-    transform: translateY(0);
+    transform: scale(1);
   }
 }
 
 .animate-fade-in {
   animation: fade-in 0.15s ease-out;
 }
-.animate-pop-in {
-  animation: pop-in 0.15s ease-out;
+.animate-scale-in {
+  animation: scale-in 0.15s ease-out;
 }
 
 .btn-destructive {

From 57294eae708b89a58022c9e299f5ef63df25dd7b Mon Sep 17 00:00:00 2001
From: Smyile <84925446+xsmyile@users.noreply.github.com>
Date: Wed, 24 Jun 2026 11:20:49 +0200
Subject: [PATCH 2/2] fix(ui): remove easter-egg heading above rusted toggle

---
 ui/src/components/Settings.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/ui/src/components/Settings.tsx b/ui/src/components/Settings.tsx
index b49921f..4b14134 100644
--- a/ui/src/components/Settings.tsx
+++ b/ui/src/components/Settings.tsx
@@ -160,12 +160,9 @@ function AppearanceTab() {
         </button>
       </div>
 
-      <label class="text-sm font-medium text-zinc-700 dark:text-zinc-300 mt-6 mb-2 block">
-        Easter egg
-      </label>
       <button
         onClick={() => setRusted(!rusted())}
-        class={`w-full rounded-lg border px-3 py-2.5 text-xs font-medium transition cursor-pointer flex items-center justify-between gap-2 ${
+        class={`mt-6 w-full rounded-lg border px-3 py-2.5 text-xs font-medium transition cursor-pointer flex items-center justify-between gap-2 ${
           rusted()
             ? "border-orange-500 bg-orange-500/10 text-orange-500"
             : "border-zinc-200 dark:border-zinc-700 text-zinc-500 dark:text-zinc-400 hover:border-zinc-300 dark:hover:border-zinc-600"