diff --git a/app/modules/expense/templates/expense/index.html b/app/modules/expense/templates/expense/index.html
index 0dd1b9b..14546c3 100644
--- a/app/modules/expense/templates/expense/index.html
+++ b/app/modules/expense/templates/expense/index.html
@@ -176,12 +176,18 @@
   #ex-tbody .js-actions { white-space: nowrap; }
   #ex-tbody .js-actions > * { margin-left: 4px; vertical-align: middle; }
 
-  /* 상단 요약 카드: 세로 70px 고정 (grid 행 높이를 고정해야 stretch 에 안 밀림) */
-  .erp-expense .erp-summary-grid { grid-auto-rows: 70px; }
-  .erp-expense .erp-summary-card {
-    height: 70px; min-height: 0; padding: 8px 14px;
-    justify-content: center; gap: 2px;
+  /* 상단 요약 카드: 세로 70px 고정 (grid 행 높이 고정 → stretch 무력화) */
+  .erp-expense .erp-summary-grid {
+    grid-auto-rows: 70px !important;
+    margin-bottom: var(--sp-20);          /* 등록 폼과 간격 */
   }
+  .erp-expense .erp-summary-card {
+    height: 70px !important; min-height: 0 !important; max-height: 70px;
+    padding: 8px 14px; justify-content: center; gap: 2px; overflow: hidden;
+  }
+  .erp-expense .erp-summary-card--mini { padding: 8px 14px; }
+  /* 요약줄과 2단 블록 사이 간격 */
+  .ex-two-col { margin-top: var(--sp-20); }
   .erp-expense .erp-summary-value { font-size: 20px; line-height: 1.1; }
   .erp-expense .erp-summary-value--sm { font-size: 18px; }