diff --git a/frontend/src/pages/relay/DrivePage.vue b/frontend/src/pages/relay/DrivePage.vue
index 7e4c4bd..85820db 100644
--- a/frontend/src/pages/relay/DrivePage.vue
+++ b/frontend/src/pages/relay/DrivePage.vue
@@ -364,7 +364,10 @@ function openActivity(): void {
       </div>
 
       <!-- 목록 -->
-      <div class="dr-listwrap">
+      <div
+        class="dr-listwrap"
+        :class="{ 'is-empty': isEmpty || noResult }"
+      >
         <EmptyState v-if="loading && isEmpty">
           불러오는 중…
         </EmptyState>
@@ -687,8 +690,22 @@ function openActivity(): void {
 }
 
 /* 목록 — 전역 .list 카드(radius 0.625rem + shadow-sm) 사용 */
+/* 페이지를 세로 플렉스로 만들어 목록 영역이 남는 높이를 모두 채우게 한다(드롭 영역 확장). */
+.page {
+  display: flex;
+  flex-direction: column;
+  min-height: calc(100vh - 3.25rem); /* 100vh - .topbar 높이 */
+}
 .dr-listwrap {
   position: relative;
+  flex: 1 1 auto; /* 파일 영역이 페이지의 남는 공간 전체를 차지 → 드래그 드롭 영역도 그만큼 */
+  min-height: 16rem; /* 짧은 뷰포트에서도 최소 드롭 영역 보장 */
+}
+/* 비어있음/검색없음일 때 안내문을 영역 중앙에 배치(넓은 빈 영역이 자연스럽게 보이도록) */
+.dr-listwrap.is-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .dr-row {
   display: flex;