diff --git a/src/components/BudgetCard.tsx b/src/components/BudgetCard.tsx
index 263c123..747c9f3 100644
--- a/src/components/BudgetCard.tsx
+++ b/src/components/BudgetCard.tsx
@@ -29,6 +29,9 @@ const BudgetCard: React.FC<BudgetCardProps> = ({
     maximumFractionDigits: 0
   }).format(total);
   
+  // Determine progress bar color based on percentage
+  const progressBarColor = percentage >= 90 ? 'bg-yellow-400' : `bg-${color}`;
+  
   return (
     <div className="neuro-card">
       <h3 className="text-sm font-medium text-gray-600 mb-1">{title}</h3>
@@ -40,7 +43,7 @@ const BudgetCard: React.FC<BudgetCardProps> = ({
       
       <div className="relative h-3 neuro-pressed overflow-hidden">
         <div 
-          className={`absolute top-0 left-0 h-full transition-all duration-700 ease-out bg-${color}`}
+          className={`absolute top-0 left-0 h-full transition-all duration-700 ease-out ${progressBarColor}`}
           style={{ width: `${percentage}%` }}
         />
       </div>