diff --git a/web/src/App.tsx b/web/src/App.tsx
index a844112..b0e41a3 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -601,7 +601,7 @@ export default function App() {
                            const el = (e.currentTarget as HTMLDivElement | undefined);
                            if (el) {
                              el.classList.add('rainbow-flash');
-                             setTimeout(()=> el.classList.remove('rainbow-flash'), 1000);
+                             setTimeout(()=> el.classList.remove('rainbow-flash'), 2000);
                            }
                          }
                        } catch {}
diff --git a/web/src/styles.css b/web/src/styles.css
index 7ace006..af97ed4 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -328,7 +328,7 @@ body {
 [data-theme="rainbow"] .sound-btn.rainbow-flash {
   background: linear-gradient(45deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080) !important;
   background-size: 400% 400% !important;
-  animation: chaos-rainbow-animation 1s ease-in-out 1;
+  animation: chaos-rainbow-animation 2s ease-in-out 1;
   color: #ffffff;
 }