diff --git a/assets/css/frontend/nav/header-menu-buttons.css b/assets/css/frontend/nav/header-menu-buttons.css
index 5b9c933c..b5297590 100644
--- a/assets/css/frontend/nav/header-menu-buttons.css
+++ b/assets/css/frontend/nav/header-menu-buttons.css
@@ -591,13 +591,28 @@ body.theme-dark body > .drop-newadd .newadd-btns__item {
 }
 
 .sub-vip-card .vip-name {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
   font-size: 16px;
   position: relative;
   z-index: 1;
 }
 
-.sub-vip-card .vip-name .mr6 {
-  margin-right: 6px;
+.sub-vip-card .vip-name__icon {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+}
+
+.sub-vip-card .vip-name__icon .aksrt-vip-level-icon {
+  display: block;
+  height: 1.1em;
+  width: auto;
+}
+
+.sub-vip-card .vip-name__label {
+  min-width: 0;
 }
 
 .sub-vip-card .v-equity,
diff --git a/src/Content/VipServiceModal.php b/src/Content/VipServiceModal.php
index 2f992942..7308a189 100644
--- a/src/Content/VipServiceModal.php
+++ b/src/Content/VipServiceModal.php
@@ -170,7 +170,7 @@ trait VipServiceModal {
         $html .= '<div class="vip-baicon" aria-hidden="true">' . $icon . '</div>';
         $html .= '<div class="vip-img abs-right">' . $icon . '</div>';
         $html .= '<div class="relative">';
-        $html .= '<div class="vip-name mb10"><span class="mr6">' . $icon . '</span>' . esc_html($name) . '</div>';
+        $html .= '<div class="vip-name mb10"><span class="vip-name__icon">' . $icon . '</span><span class="vip-name__label">' . esc_html($name) . '</span></div>';
         if ($desc !== '') {
             $html .= '<div class="mb6 font-bold em09">' . esc_html($desc) . '</div>';
         }