diff --git a/src/frontend/src/screens/approval/approval-queue.css b/src/frontend/src/screens/approval/approval-queue.css
index a6034a6..f303092 100644
--- a/src/frontend/src/screens/approval/approval-queue.css
+++ b/src/frontend/src/screens/approval/approval-queue.css
@@ -3,8 +3,9 @@
   min-width: 0;
   display: flex;
   flex-direction: column;
-  height: 100%;
-  min-height: 0;
+  /* 페이지-영역 스크롤(.kx-page 모델). 고정 100% 높이 셸을 제거해 표가 잘리지 않고
+   * 내용 높이만큼 늘어나며, 넘칠 때만 이 루트가 스크롤(내부 그리드 스크롤 없음). */
+  overflow-y: auto;
 }
 .kx-aq__head {
   display: flex;
@@ -99,16 +100,16 @@
 .kx-aq__body {
   display: flex;
   flex: 1;
-  min-height: 0;
-  overflow: hidden;
+  /* overflow:hidden 제거 — 본문이 내용 높이만큼 늘어나고 루트(.kx-aq)가 스크롤. */
 }
 .kx-aq__main {
   flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
   gap: var(--space-3);
   padding: var(--space-4) var(--space-5);
-  overflow: auto;
+  /* overflow:auto 제거 — 표 내부 세로 스크롤 대신 페이지 흐름으로 전체 노출. */
 }
 .kx-aq__main-head {
   display: flex;
@@ -180,13 +181,17 @@
 /* side */
 .kx-aq__side {
   width: 320px;
+  flex: none;
   border-left: var(--border-card);
   background: var(--color-neutral-050);
   padding: var(--space-5);
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
-  overflow-y: auto;
+  /* 표 높이에 스트레치되지 않고, 페이지 스크롤 시 상단에 고정 유지. */
+  align-self: flex-start;
+  position: sticky;
+  top: 0;
 }
 .kx-aq__card {
   background: var(--color-white);