diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index f115758..e71d7cb 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -133,9 +133,9 @@ const Index = () => {
                   </div>
                   
                   <div className="relative h-3 neuro-pressed overflow-hidden mt-2">
-                    <div className="absolute top-0 left-0 h-full transition-all duration-700 ease-out bg-neuro-accent" style={{
+                    <div style={{
                     width: `${calculatePercentage(budgetData.weekly.spentAmount, budgetData.weekly.targetAmount)}%`
-                  }} />
+                  }} className="absolute top-0 left-0 h-full transition-all duration-700 ease-out bg-emerald-300" />
                   </div>
                   
                   <div className="mt-2 flex justify-end">