From cd4a5cfcbb6e314e37268dd31db487eb747e76d9 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 04:55:02 +0000
Subject: [PATCH] completionId: cgen-07a5208c16f44b348c3ac0915ded60ed

cgen-07a5208c16f44b348c3ac0915ded60ed
---
 client/components/GamifiedBanner.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/components/GamifiedBanner.tsx b/client/components/GamifiedBanner.tsx
index 45abcf24..d84ff76e 100644
--- a/client/components/GamifiedBanner.tsx
+++ b/client/components/GamifiedBanner.tsx
@@ -116,9 +116,9 @@ export function GamifiedBanner({ text, enabled, style }: Props) {
         <div className="mt-2 mx-auto h-1 w-full max-w-xl rounded-full bg-white/10 overflow-hidden">
           <div
             className={cn(
-              "h-full rounded-full bg-gradient-to-r from-emerald-400 via-aethex-400 to-neon-blue transition-all duration-[1200ms]",
+              "h-full rounded-full bg-gradient-to-r from-emerald-400 via-aethex-400 to-neon-blue transition-all",
             )}
-            style={{ width: `${progress}%` }}
+            style={{ width: `${progress}%`, transitionDuration: "1200ms" }}
           />
         </div>
       </div>