From 481ec5fc15852cd1be0fe325b58aba601db1a09d Mon Sep 17 00:00:00 2001
From: kyy <b24053@hanmaceng.co.kr>
Date: Wed, 13 May 2026 17:07:15 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B0=90=EC=82=AC=20=EB=A1=9C=EA=B7=B8=20?=
 =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=EC=97=90=20=EA=B3=B5=ED=86=B5=20tab?=
 =?UTF-8?q?le=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 adminfront/src/features/audit/AuditLogsPage.tsx |  8 ++++++--
 devfront/src/features/audit/AuditLogsPage.tsx   | 14 +++++++++++---
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/adminfront/src/features/audit/AuditLogsPage.tsx b/adminfront/src/features/audit/AuditLogsPage.tsx
index a5b845de..7707ea03 100644
--- a/adminfront/src/features/audit/AuditLogsPage.tsx
+++ b/adminfront/src/features/audit/AuditLogsPage.tsx
@@ -27,6 +27,10 @@ import {
   TableHeader,
   TableRow,
 } from "../../components/ui/table";
+import {
+  commonTableShellClass,
+  commonTableViewportClass,
+} from "../../../../common/ui/table";
 import type { AuditLog } from "../../lib/adminApi";
 import { fetchAuditLogs } from "../../lib/adminApi";
 import { t } from "../../lib/i18n";
@@ -254,8 +258,8 @@ function AuditLogsPage() {
               ))
             )}
           </div>
-          <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
-            <div className="flex-1 overflow-auto relative custom-scrollbar">
+          <div className={commonTableShellClass}>
+            <div className={commonTableViewportClass}>
               <Table className="table-fixed">
                 <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
                   <TableRow>
diff --git a/devfront/src/features/audit/AuditLogsPage.tsx b/devfront/src/features/audit/AuditLogsPage.tsx
index 61dced27..941690dd 100644
--- a/devfront/src/features/audit/AuditLogsPage.tsx
+++ b/devfront/src/features/audit/AuditLogsPage.tsx
@@ -28,6 +28,10 @@ import {
   TableHeader,
   TableRow,
 } from "../../components/ui/table";
+import {
+  commonTableShellClass,
+  commonTableViewportClass,
+} from "../../../../common/ui/table";
 import type { DevAuditLog } from "../../lib/devApi";
 import { fetchDevAuditLogs } from "../../lib/devApi";
 import { t } from "../../lib/i18n";
@@ -280,8 +284,10 @@ function AuditLogsPage() {
                 : ""
             }
           >
-            <Table className="table-fixed">
-              <TableHeader>
+            <div className={commonTableShellClass}>
+              <div className={commonTableViewportClass}>
+                <Table className="table-fixed">
+                  <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
                 <TableRow>
                   <TableHead className="w-[190px]">
                     {t("ui.dev.audit.table.time", "Time")}
@@ -430,7 +436,9 @@ function AuditLogsPage() {
                   })
                 )}
               </TableBody>
-            </Table>
+                </Table>
+              </div>
+            </div>
           </div>
 
           {query.hasNextPage ? (