значок долара рядом с растущей цифрой

index.html

@@ -80,8 +80,11 @@ animation: pulse 2s infinite;
                     </p>
                     <div class="bg-gray-800 bg-opacity-50 p-4 rounded-xl mb-8 border border-green-600">
                     <p class="text-green-100 mb-1 text-center">Your balance:</p>
-                    <p id="balanceCounter" class="text-5xl font-bold text-green-300 text-center">$150</p>
-                    <div class="text-green-100 text-sm flex items-center justify-center">
+                    <div class="flex items-center justify-center gap-2">
+                        <span class="text-5xl font-bold text-green-300">$</span>
+                        <span id="balanceCounter" class="text-5xl font-bold text-green-300">150</span>
+                    </div>
+<div class="text-green-100 text-sm flex items-center justify-center">
 <i data-feather="trending-up" class="w-4 h-4 mr-1"></i>
                             <span id="balanceChange">+$0</span>
                         </div>
@@ -398,15 +401,14 @@ animation: pulse 2s infinite;
         animateCounter('userCounter', randomUsers);
         animateCounter('userCounter2', randomUsers);
         // Initialize balance and animate its growth
-        let balance = 15000;
-        let previousBalance = 15000;
+        let balance = 150;
+        let previousBalance = 150;
 function updateBalance() {
             const change = Math.floor(Math.random() * 1000) + 100; // Larger increments for bigger numbers
 previousBalance = balance;
             balance += change;
-            
             // Ensure balance never goes below initial value
-            if (balance < 15000) balance = 15000;
+            if (balance < 150) balance = 150;
 document.getElementById('balanceChange').textContent = `+${change}`;
             
             // Animate the counter
@@ -421,8 +423,8 @@ document.getElementById('balanceChange').textContent = `+${change}`;
         }
         
         // Initialize balance display
-        document.getElementById('balanceCounter').textContent = balance;
-        document.getElementById('balanceChange').textContent = '+0';
+        document.getElementById('balanceCounter').textContent = balance.toString();
+document.getElementById('balanceChange').textContent = '+0';
         
         // Update balance every 3-5 seconds
         function scheduleBalanceUpdate() {