From 5ef8f933cca8f7b00317d00e4d291fb5151017d6 Mon Sep 17 00:00:00 2001
From: kyy <b24053@hanmaceng.co.kr>
Date: Thu, 14 May 2026 13:09:02 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B3=B5=ED=86=B5=20=ED=85=8C=EC=9D=B4?=
 =?UTF-8?q?=EB=B8=94=20=ED=97=A4=EB=8D=94=20=EB=B0=B0=EA=B2=BD=20=ED=86=A0?=
 =?UTF-8?q?=ED=81=B0=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devfront/src/features/audit/AuditLogsPage.tsx                  | 3 ++-
 devfront/src/features/clients/ClientConsentsPage.tsx           | 3 ++-
 .../src/features/developer-request/DeveloperRequestPage.tsx    | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/devfront/src/features/audit/AuditLogsPage.tsx b/devfront/src/features/audit/AuditLogsPage.tsx
index c25a9438..be816dda 100644
--- a/devfront/src/features/audit/AuditLogsPage.tsx
+++ b/devfront/src/features/audit/AuditLogsPage.tsx
@@ -10,6 +10,7 @@ import {
 } from "lucide-react";
 import * as React from "react";
 import {
+  commonStickyTableHeaderClass,
   commonTableShellClass,
   commonTableViewportClass,
 } from "../../../../common/ui/table";
@@ -287,7 +288,7 @@ function AuditLogsPage() {
             <div className={commonTableShellClass}>
               <div className={commonTableViewportClass}>
                 <Table className="table-fixed">
-                  <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+                  <TableHeader className={commonStickyTableHeaderClass}>
                     <TableRow>
                       <TableHead className="w-[190px]">
                         {t("ui.dev.audit.table.time", "Time")}
diff --git a/devfront/src/features/clients/ClientConsentsPage.tsx b/devfront/src/features/clients/ClientConsentsPage.tsx
index 0895d7cc..00da9ce7 100644
--- a/devfront/src/features/clients/ClientConsentsPage.tsx
+++ b/devfront/src/features/clients/ClientConsentsPage.tsx
@@ -11,6 +11,7 @@ import {
 import { useState } from "react";
 import { Link, useParams } from "react-router-dom";
 import {
+  commonStickyTableHeaderClass,
   commonTableShellClass,
   commonTableViewportClass,
 } from "../../../../common/ui/table";
@@ -437,7 +438,7 @@ function ClientConsentsPage() {
         <div className={commonTableShellClass}>
           <div className={commonTableViewportClass}>
             <Table>
-              <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+              <TableHeader className={commonStickyTableHeaderClass}>
                 <TableRow>
                   <TableHead>
                     {t("ui.dev.clients.consents.table.user", "User")}
diff --git a/devfront/src/features/developer-request/DeveloperRequestPage.tsx b/devfront/src/features/developer-request/DeveloperRequestPage.tsx
index 9949ee44..a9d032da 100644
--- a/devfront/src/features/developer-request/DeveloperRequestPage.tsx
+++ b/devfront/src/features/developer-request/DeveloperRequestPage.tsx
@@ -28,6 +28,7 @@ import {
   TableRow,
 } from "../../components/ui/table";
 import {
+  commonStickyTableHeaderClass,
   commonTableShellClass,
   commonTableViewportClass,
 } from "../../../../common/ui/table";
@@ -192,7 +193,7 @@ export default function DeveloperRequestPage() {
           <div className={commonTableShellClass}>
             <div className={commonTableViewportClass}>
               <Table>
-                <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+                <TableHeader className={commonStickyTableHeaderClass}>
                   <TableRow>
                     {isSuperAdmin && (
                       <TableHead>