diff --git a/src/components/GubbleStore.tsx b/src/components/GubbleStore.tsx
index 5098e35..4c02bbc 100644
--- a/src/components/GubbleStore.tsx
+++ b/src/components/GubbleStore.tsx
@@ -41,7 +41,7 @@ const GubbleStore: React.FC<GubbleStoreProps> = ({ isOpen, onClose, gubblePoints
                 <div className="text-gray-300 text-sm">Cost: <span className="font-mono">{upg.cost}</span></div>
               </div>
               <button
-                className={`mt-2 sm:mt-0 px-4 py-1 rounded font-bold text-white ${upgrades[upg.key] ? 'bg-gray-700 cursor-not-allowed' : gubblePoints < upg.cost ? 'bg-yellow-900 cursor-not-allowed' : 'bg-blue-700 hover:bg-blue-800'}`}
+                className={`mt-2 sm:mt-0 px-4 py-1 rounded font-bold text-white ${upgrades[upg.key] ? 'bg-green-300 cursor-not-allowed' : gubblePoints < upg.cost ? 'bg-red-500 cursor-not-allowed' : 'bg-blue-700 hover:bg-blue-800'}`}
                 disabled={upgrades[upg.key] || gubblePoints < upg.cost}
                 onClick={() => onBuyUpgrade(upg.key, upg.cost)}
               >