diff --git a/assets/css/frontend/vip-modal.css b/assets/css/frontend/vip-modal.css
index 33c7c5ce..ef3c8395 100644
--- a/assets/css/frontend/vip-modal.css
+++ b/assets/css/frontend/vip-modal.css
@@ -101,7 +101,3 @@
   opacity: 0.7;
   cursor: wait;
 }
-
-.vip-expdate-tag {
-  font-size: 12px;
-}
diff --git a/tests/widget-system/page-display-contract.test.cjs b/tests/widget-system/page-display-contract.test.cjs
index 10dc6076..23d3f881 100644
--- a/tests/widget-system/page-display-contract.test.cjs
+++ b/tests/widget-system/page-display-contract.test.cjs
@@ -378,6 +378,8 @@ test('header user-card membership stays on one row with a date-only expiry', ()
   assert.match(headerUserbox, /aksrt_get_vip_icon\(\$user_id, 'em12 mr6', false\)/)
   assert.match(headerUserbox, /class="ml10 badg jb-yellow vip-expdate-tag"/)
   assert.match(legacyMainCss, /\.sub-user-box \.payvip-icon\s*\{[^}]*padding:\s*8px;/s)
+  assert.match(legacyMainCss, /\.vip-expdate-tag\s*\{[^}]*font-size:\s*0\.8em;[^}]*padding:\s*0\.1em 6px;[^}]*vertical-align:\s*0\.1em;/s)
+  assert.doesNotMatch(vipModalCss, /\.vip-expdate-tag\s*\{/)
   assert.doesNotMatch(headerCss, /aksrt-header-payvip/)
   // The CTA wrapper is the reference padding wrapper, not a bespoke hook.
   assert.match(headerUserbox, /'<div class="mt10 em09" style="padding:2px;">'/)