From 4dc6c27055f694455494e20b27bade6338852e49 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 15 Aug 2025 18:25:22 +0200
Subject: [PATCH] Stars Balance Modal: Fix Styles (#6102)

---
 .../modals/stars/StarsBalanceModal.module.scss     | 14 ++++++++++++++
 src/components/modals/stars/StarsBalanceModal.tsx  |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/modals/stars/StarsBalanceModal.module.scss b/src/components/modals/stars/StarsBalanceModal.module.scss
index e89770cc7..ac9ae5f18 100644
--- a/src/components/modals/stars/StarsBalanceModal.module.scss
+++ b/src/components/modals/stars/StarsBalanceModal.module.scss
@@ -37,6 +37,7 @@
   @include mixins.side-panel-section;
 }
 
+.topSection,
 .lastSection,
 .section {
   position: relative;
@@ -46,6 +47,14 @@
   align-items: center;
 
   padding: 0.5rem;
+}
+
+.topSection {
+  padding-inline: 1.5rem;
+}
+
+.lastSection,
+.section {
 
   @include mixins.adapt-padding-to-scrollbar(0.5rem);
 }
@@ -71,6 +80,11 @@
   background-color: var(--color-background-secondary);
 }
 
+.hint {
+  padding-block: 0.5rem;
+  padding-inline: 1.5rem;
+}
+
 .topUpButton,
 .tonBalanceContainer {
   margin-bottom: 0.5rem;
diff --git a/src/components/modals/stars/StarsBalanceModal.tsx b/src/components/modals/stars/StarsBalanceModal.tsx
index aba533bc9..598cdb73b 100644
--- a/src/components/modals/stars/StarsBalanceModal.tsx
+++ b/src/components/modals/stars/StarsBalanceModal.tsx
@@ -319,7 +319,7 @@ const StarsBalanceModal = ({
             {oldLang('TelegramStars')}
           </h2>
         </div>
-        <div className={styles.section}>
+        <div className={styles.topSection}>
           {currency === TON_CURRENCY_CODE ? renderTonHeaderSection() : renderStarsHeaderSection()}
         </div>
         {areBuyOptionsShown && (