diff --git a/frontend/src/pages/DashboardPage.tsx b/frontend/src/pages/DashboardPage.tsx
index 79a14f6..826599f 100644
--- a/frontend/src/pages/DashboardPage.tsx
+++ b/frontend/src/pages/DashboardPage.tsx
@@ -55,6 +55,7 @@ export const DashboardPage: React.FC = () => {
         <StatCard label="오늘 출입 예정" value={stats?.todayVisits ?? 0} accent="blue" />
         <StatCard label="현재 재실" value={stats?.currentlyInside ?? 0} accent="green" />
         <StatCard label="승인 대기" value={stats?.pending ?? 0} accent="amber" />
+        <StatCard label="승인완료" value={stats?.approved ?? 0} accent="green" />
         <StatCard label="전체 신청" value={stats?.total ?? 0} accent="gray" />
       </div>
 
diff --git a/frontend/src/styles/common.css b/frontend/src/styles/common.css
index dc96570..06513c5 100644
--- a/frontend/src/styles/common.css
+++ b/frontend/src/styles/common.css
@@ -316,7 +316,7 @@ button:disabled { opacity: .55; cursor: not-allowed; }
 .action-cell { display: flex; gap: 8px; }
 
 /* ===== Stats ===== */
-.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 20px; }
+.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; margin-bottom: 20px; }
 .stat-card {
   background: var(--surface); border: 1px solid var(--border);
   border-radius: 12px; padding: 18px 20px;