diff --git a/src/components/left/settings/Settings.scss b/src/components/left/settings/Settings.scss
index 24d07a687..2babdff62 100644
--- a/src/components/left/settings/Settings.scss
+++ b/src/components/left/settings/Settings.scss
@@ -103,10 +103,6 @@
   }
 }
 
-.settings-main-menu-star .StarIcon {
-  margin-right: 1.25rem;
-}
-
 .settings-main-menu {
   padding: 0.5rem;
 
diff --git a/src/components/left/settings/SettingsMain.tsx b/src/components/left/settings/SettingsMain.tsx
index e83f0289a..b545d1396 100644
--- a/src/components/left/settings/SettingsMain.tsx
+++ b/src/components/left/settings/SettingsMain.tsx
@@ -162,7 +162,7 @@ const SettingsMain: FC<OwnProps & StateProps> = ({
       <div className="settings-main-menu">
         {canBuyPremium && (
           <ListItem
-            leftElement={<StarIcon className="icon" type="premium" size="big" />}
+            leftElement={<StarIcon className="icon ListItem-main-icon" type="premium" size="big" />}
             className="settings-main-menu-star"
             // eslint-disable-next-line react/jsx-no-bind
             onClick={() => openPremiumModal()}
@@ -172,7 +172,7 @@ const SettingsMain: FC<OwnProps & StateProps> = ({
         )}
         {shouldDisplayStars && (
           <ListItem
-            leftElement={<StarIcon className="icon" type="gold" size="big" />}
+            leftElement={<StarIcon className="icon ListItem-main-icon" type="gold" size="big" />}
             className="settings-main-menu-star"
             // eslint-disable-next-line react/jsx-no-bind
             onClick={() => openStarsBalanceModal({})}
diff --git a/src/components/modals/stars/StarsBalanceModal.module.scss b/src/components/modals/stars/StarsBalanceModal.module.scss
index 8d4163fce..d1b6f8eb8 100644
--- a/src/components/modals/stars/StarsBalanceModal.module.scss
+++ b/src/components/modals/stars/StarsBalanceModal.module.scss
@@ -167,13 +167,15 @@
   font-weight: 500;
   font-size: 1.5rem;
   line-height: 1;
+  white-space: nowrap;
 }
 
 .stackedStars {
   display: grid;
   grid-auto-columns: 0.4375rem;
   grid-auto-flow: column;
-  justify-items: end;
+  justify-items: center;
+  margin-left: 0.375rem;
 }
 
 .stackedStar {
diff --git a/src/components/modals/stars/StarsBalanceModal.tsx b/src/components/modals/stars/StarsBalanceModal.tsx
index fd5f97814..d1e202a5d 100644
--- a/src/components/modals/stars/StarsBalanceModal.tsx
+++ b/src/components/modals/stars/StarsBalanceModal.tsx
@@ -34,12 +34,12 @@ import StarLogo from '../../../assets/icons/StarLogo.svg';
 import StarsBackground from '../../../assets/stars-bg.png';
 
 const TRANSACTION_TYPES = ['all', 'inbound', 'outbound'] as const;
-
 const TRANSACTION_TABS: TabWithProperties[] = [
   { title: 'StarsTransactionsAll' },
   { title: 'StarsTransactionsIncoming' },
   { title: 'StarsTransactionsOutgoing' },
 ];
+const MAX_STARS_COUNT = 6;
 
 export type OwnProps = {
   modal: TabState['starsBalanceModal'];
@@ -101,7 +101,7 @@ const StarsBalanceModal = ({
       }
       result.push({
         option,
-        starsCount: currentStackedStarsCount,
+        starsCount: Math.min(currentStackedStarsCount, MAX_STARS_COUNT),
       });
     });