diff --git a/chat/public/topup.html b/chat/public/topup.html
index fb32591..eacc442 100644
--- a/chat/public/topup.html
+++ b/chat/public/topup.html
@@ -8,7 +8,7 @@
   <link rel="icon" type="image/png" href="/assets/Plugin.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   
   <!-- Dodo Payments Inline Checkout SDK -->
   <script src="https://cdn.jsdelivr.net/npm/dodopayments-checkout@latest/dist/index.js"></script>
@@ -21,10 +21,9 @@
       tailwind.config = {
           theme: {
               extend: {
-                  fontFamily: {
-                      sans: ['Inter', 'sans-serif'],
-                      display: ['Space Grotesk', 'sans-serif'],
-                  },
+                   fontFamily: {
+                       sans: ['Inter', 'sans-serif'],
+                   },
                   colors: {
                       brand: {
                           50: '#f0fdf4',
@@ -64,7 +63,7 @@
 
     body {
       margin: 0;
-      font-family: 'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif;
+      font-family: 'Inter', system-ui, -apple-system, sans-serif;
       background: radial-gradient(circle at 10% 20%, rgba(0, 128, 96, 0.06), transparent 25%),
         radial-gradient(circle at 90% 10%, rgba(0, 76, 63, 0.05), transparent 28%),
         linear-gradient(135deg, #f7f9fb 0%, #edf1f5 100%);
@@ -376,17 +375,19 @@
 
     .payment-modal {
       background: #fff;
-            border-radius: 12px;
-            width: 95vw;
-            max-width: 1100px;
-            max-height: 96vh;
-            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-            transform: scale(0.95) translateY(8px);
-            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
-            display: flex;
-            flex-direction: column;
-            overflow: hidden;
-            height: auto;
+      border-radius: 12px;
+      width: 95vw;
+      max-width: 1100px;
+      max-height: 96vh;
+      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+      transform: scale(0.95) translateY(8px);
+      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      height: auto;
+    }
+
     .payment-modal-overlay.active .payment-modal {
       transform: scale(1) translateY(0);
     }
@@ -497,7 +498,7 @@
     }
 
     .brand-text {
-      font-family: 'Space Grotesk', sans-serif;
+      font-family: 'Inter', sans-serif;
       font-size: 20px;
       font-weight: 600;
       color: #1a1a1a;