diff --git a/assets/css/frontend/vip-modal.css b/assets/css/frontend/vip-modal.css
index b0d486a6..51ef29a4 100644
--- a/assets/css/frontend/vip-modal.css
+++ b/assets/css/frontend/vip-modal.css
@@ -159,7 +159,17 @@
   }
 }
 
-.pay-vip-info {
+.aksrt-vip-level-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.aksrt-vip-level-header .aksrt-vip-level-icon {
+  flex: 0 0 auto;
+}
+
   padding: 12px;
   border-radius: 10px;
   background: var(--surface-2, rgba(0, 0, 0, 0.04));
diff --git a/assets/js/pay-vip.js b/assets/js/pay-vip.js
index c37d993a..069ca132 100644
--- a/assets/js/pay-vip.js
+++ b/assets/js/pay-vip.js
@@ -297,15 +297,17 @@
       var row = node("div", "pay-vip-form-row");
       var info = node("div", "pay-vip-info level-" + level);
       var levelInfo = levels[String(level)] || {};
+      var levelHeader = node("div", "aksrt-vip-level-header");
       if (levelInfo.img_icon) {
         var levelIcon = node("img", "aksrt-vip-level-icon");
         levelIcon.src = text(levelInfo.img_icon);
         levelIcon.alt = "";
         levelIcon.loading = "lazy";
         levelIcon.decoding = "async";
-        append(info, levelIcon);
+        append(levelHeader, levelIcon);
       }
-      append(info, node("div", "v-name font-bold", group.name || levelInfo.name || "VIP" + level));
+      append(levelHeader, node("div", "v-name font-bold", group.name || levelInfo.name || "VIP" + level));
+      append(info, levelHeader);
       if (levelInfo.desc) append(info, node("div", "muted-2-color em09 mb6", levelInfo.desc));
       renderEquity(info, levelInfo.equity);
       append(row, info);