diff --git a/assets/css/routes/user-center/level.css b/assets/css/routes/user-center/level.css
index 22500127..211d6bce 100644
--- a/assets/css/routes/user-center/level.css
+++ b/assets/css/routes/user-center/level.css
@@ -25,7 +25,7 @@
 }
 
 .aksrt-level-page__summary {
-  margin-bottom: 20px;
+  margin-bottom: 0;
 }
 
 .aksrt-level-page__summary > [class*="col-"] {
@@ -37,7 +37,7 @@
   width: 100%;
   height: 176px;
   min-height: 176px;
-  margin-bottom: 0;
+  margin-bottom: 20px;
   padding: 15px;
   box-sizing: border-box;
   overflow: hidden;
diff --git a/tests/widget-system/user-level-contract.test.cjs b/tests/widget-system/user-level-contract.test.cjs
index 381ae36c..553f150d 100644
--- a/tests/widget-system/user-level-contract.test.cjs
+++ b/tests/widget-system/user-level-contract.test.cjs
@@ -70,6 +70,8 @@ test('user level styles remove the generic panel card and retain reference visua
   assert.match(css, /\.uc-content #panel-level\.dashboard-panel\s*\{[\s\S]*?padding:\s*0;[\s\S]*?background:\s*transparent;[\s\S]*?box-shadow:\s*none;/);
   assert.match(css, /\.aksrt-level-card--summary\s*\{[\s\S]*?--this-bg:\s*linear-gradient\(25deg/);
   assert.match(css, /\.aksrt-level-card--growth\s*\{[\s\S]*?--this-bg:\s*rgba\(136, 136, 136, \.1\)/);
+  assert.match(css, /\.aksrt-level-page__summary\s*\{\s*margin-bottom:\s*0;/);
+  assert.match(css, /\.aksrt-level-card\s*\{[\s\S]*?margin-bottom:\s*20px/);
   assert.match(css, /\.aksrt-level-progress\s*\{[\s\S]*?height:\s*3px/);
   assert.match(css, /\.aksrt-level-growth \.pillar-item \.pillar\s*\{[\s\S]*?width:\s*6px/);
   assert.match(css, /\.aksrt-level-growth \.pillar-item\.active \.pillar/);