diff --git a/src/frontend/src/screens/appqr/appqr.css b/src/frontend/src/screens/appqr/appqr.css
index 62eb3f8..c040735 100644
--- a/src/frontend/src/screens/appqr/appqr.css
+++ b/src/frontend/src/screens/appqr/appqr.css
@@ -6,7 +6,6 @@
 @import '../shared.css';
 
 .kx-appqr {
-  max-width: 1120px;
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
diff --git a/src/frontend/src/screens/approval/approval-queue.css b/src/frontend/src/screens/approval/approval-queue.css
index 453d7ca..a6034a6 100644
--- a/src/frontend/src/screens/approval/approval-queue.css
+++ b/src/frontend/src/screens/approval/approval-queue.css
@@ -1,4 +1,6 @@
 .kx-aq {
+  flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
   height: 100%;
diff --git a/src/frontend/src/screens/approval/review-details.css b/src/frontend/src/screens/approval/review-details.css
index ec23d22..cc2a9c8 100644
--- a/src/frontend/src/screens/approval/review-details.css
+++ b/src/frontend/src/screens/approval/review-details.css
@@ -2,6 +2,8 @@
 @import '../shared.css';
 
 .kx-rev {
+  flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
   height: 100%;
diff --git a/src/frontend/src/screens/boothsales/boothsales.css b/src/frontend/src/screens/boothsales/boothsales.css
index 588c2e6..d19fd0d 100644
--- a/src/frontend/src/screens/boothsales/boothsales.css
+++ b/src/frontend/src/screens/boothsales/boothsales.css
@@ -3,9 +3,13 @@
  * 디자인 토큰(색·간격·radius)은 전역 변수를 재사용한다(과도한 신규 스타일 지양).
  */
 .kx-bsales {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: 16px;
+  padding: var(--space-5);
 }
 
 .kx-bsales__head {
diff --git a/src/frontend/src/screens/compliance/compliance-report.css b/src/frontend/src/screens/compliance/compliance-report.css
index af69179..802c4dd 100644
--- a/src/frontend/src/screens/compliance/compliance-report.css
+++ b/src/frontend/src/screens/compliance/compliance-report.css
@@ -1,9 +1,11 @@
 .kx-comp {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
   padding: var(--space-5);
-  max-width: var(--container-max);
 }
 .kx-comp__head h1 {
   font-size: var(--fs-h1);
diff --git a/src/frontend/src/screens/dashboard/dashboard.css b/src/frontend/src/screens/dashboard/dashboard.css
index 798a2a1..10c9212 100644
--- a/src/frontend/src/screens/dashboard/dashboard.css
+++ b/src/frontend/src/screens/dashboard/dashboard.css
@@ -1,4 +1,7 @@
 .kx-dash {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: var(--space-5);
diff --git a/src/frontend/src/screens/design/studio.css b/src/frontend/src/screens/design/studio.css
index 9199f4c..78f9624 100644
--- a/src/frontend/src/screens/design/studio.css
+++ b/src/frontend/src/screens/design/studio.css
@@ -1,4 +1,6 @@
 .kx-studio {
+  flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
   height: 100%;
diff --git a/src/frontend/src/screens/exhibitor/exhibitor-home.css b/src/frontend/src/screens/exhibitor/exhibitor-home.css
index 56f8189..8259c4e 100644
--- a/src/frontend/src/screens/exhibitor/exhibitor-home.css
+++ b/src/frontend/src/screens/exhibitor/exhibitor-home.css
@@ -1,9 +1,11 @@
 .kx-exh {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: var(--space-5);
   padding: var(--space-5);
-  max-width: var(--container-max);
 }
 
 /* 헤더 카드 */
diff --git a/src/frontend/src/screens/floorplan/layout-comparison.css b/src/frontend/src/screens/floorplan/layout-comparison.css
index 0317bfa..5dc2f00 100644
--- a/src/frontend/src/screens/floorplan/layout-comparison.css
+++ b/src/frontend/src/screens/floorplan/layout-comparison.css
@@ -1,9 +1,11 @@
 .kx-cmp {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: var(--space-5);
   padding: var(--space-5);
-  max-width: var(--container-max);
 }
 .kx-cmp__head {
   display: flex;
diff --git a/src/frontend/src/screens/gallery/gallery.css b/src/frontend/src/screens/gallery/gallery.css
index ac2651d..c239686 100644
--- a/src/frontend/src/screens/gallery/gallery.css
+++ b/src/frontend/src/screens/gallery/gallery.css
@@ -1,4 +1,7 @@
 .kx-gallery {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
diff --git a/src/frontend/src/screens/hallassign/hallassign.css b/src/frontend/src/screens/hallassign/hallassign.css
index 59f0a68..f66f54e 100644
--- a/src/frontend/src/screens/hallassign/hallassign.css
+++ b/src/frontend/src/screens/hallassign/hallassign.css
@@ -373,3 +373,14 @@
   z-index: 50;
   cursor: pointer;
 }
+
+/* ── 반응형 (공백없는 반응형 스윕 #39) — 배정 행/모달 폼 좁은 폭 단일 컬럼 ── */
+@media (max-width: 640px) {
+  .kx-hall__row {
+    grid-template-columns: 1fr;
+    gap: var(--space-2);
+  }
+  .kx-hall__form2 {
+    grid-template-columns: 1fr;
+  }
+}
diff --git a/src/frontend/src/screens/settlement/settlement.css b/src/frontend/src/screens/settlement/settlement.css
index 1e0e923..663dd4a 100644
--- a/src/frontend/src/screens/settlement/settlement.css
+++ b/src/frontend/src/screens/settlement/settlement.css
@@ -4,7 +4,11 @@
  */
 
 .kx-settle {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
   display: grid;
+  align-content: start;
   gap: 16px;
   padding: var(--gutter);
 }
@@ -458,3 +462,18 @@
   font-size: 13px;
   font-weight: var(--fw-semibold);
 }
+
+/* ── 반응형 (공백없는 반응형 스윕 #39) — KPI/분포 좁은 폭 붕괴 방지 ── */
+@media (max-width: 900px) {
+  .kx-settle__kpis {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (max-width: 560px) {
+  .kx-settle__kpis {
+    grid-template-columns: 1fr;
+  }
+  .kx-settle__dist-body {
+    grid-template-columns: 1fr;
+  }
+}
diff --git a/src/frontend/src/screens/utility/utility-order.css b/src/frontend/src/screens/utility/utility-order.css
index c95b861..8507ce2 100644
--- a/src/frontend/src/screens/utility/utility-order.css
+++ b/src/frontend/src/screens/utility/utility-order.css
@@ -1,4 +1,6 @@
 .kx-uord {
+  flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
   height: 100%;
diff --git a/src/frontend/src/screens/utility/utility.css b/src/frontend/src/screens/utility/utility.css
index 9859660..2c88039 100644
--- a/src/frontend/src/screens/utility/utility.css
+++ b/src/frontend/src/screens/utility/utility.css
@@ -1,4 +1,6 @@
 .kx-util {
+  flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
   height: 100%;