Stars Balance Modal: Fix Styles (#6102)

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;

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 && (