diff --git a/adminfront/src/features/api-keys/ApiKeyListPage.tsx b/adminfront/src/features/api-keys/ApiKeyListPage.tsx
index 35a0da85..17ec3f34 100644
--- a/adminfront/src/features/api-keys/ApiKeyListPage.tsx
+++ b/adminfront/src/features/api-keys/ApiKeyListPage.tsx
@@ -38,6 +38,7 @@ import {
   TableHeader,
   TableRow,
 } from "../../components/ui/table";
+import { commonStickyTableHeaderClass } from "../../../../common/ui/table";
 import {
   type ApiKeySummary,
   deleteApiKey,
@@ -214,7 +215,7 @@ function ApiKeyListPage() {
           <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
             <div className="flex-1 overflow-auto relative custom-scrollbar">
               <Table>
-                <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+                <TableHeader className={commonStickyTableHeaderClass}>
                   <TableRow>
                     <TableHead>
                       {t("ui.admin.api_keys.list.table.name", "NAME")}
diff --git a/adminfront/src/features/audit/AuditLogsPage.tsx b/adminfront/src/features/audit/AuditLogsPage.tsx
index d79a5469..04bc643e 100644
--- a/adminfront/src/features/audit/AuditLogsPage.tsx
+++ b/adminfront/src/features/audit/AuditLogsPage.tsx
@@ -11,6 +11,7 @@ import {
 } from "lucide-react";
 import * as React from "react";
 import {
+  commonStickyTableHeaderClass,
   commonTableShellClass,
   commonTableViewportClass,
 } from "../../../../common/ui/table";
@@ -261,7 +262,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-[140px]">
                       {t("ui.admin.audit.table.time", "TIME")}
diff --git a/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx b/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx
index f150d322..ef2e787b 100644
--- a/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx
+++ b/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx
@@ -38,6 +38,7 @@ import {
   TableHeader,
   TableRow,
 } from "../../../components/ui/table";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { toast } from "../../../components/ui/use-toast";
 import {
   type TenantAdmin,
@@ -391,7 +392,7 @@ export function TenantAdminsAndOwnersTab() {
             <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
               <div className="flex-1 overflow-auto relative custom-scrollbar">
                 <Table>
-                  <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+                  <TableHeader className={commonStickyTableHeaderClass}>
                     <TableRow>
                       <TableHead className="w-[250px] font-bold">
                         {t("ui.admin.tenants.owners.table_name", "이름")}
@@ -480,7 +481,7 @@ export function TenantAdminsAndOwnersTab() {
             <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
               <div className="flex-1 overflow-auto relative custom-scrollbar">
                 <Table>
-                  <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+                  <TableHeader className={commonStickyTableHeaderClass}>
                     <TableRow>
                       <TableHead className="w-[250px] font-bold">
                         {t("ui.admin.tenants.admins.table_name", "이름")}
diff --git a/adminfront/src/features/tenants/routes/TenantGroupsPage.tsx b/adminfront/src/features/tenants/routes/TenantGroupsPage.tsx
index de5faac4..031fc2e4 100644
--- a/adminfront/src/features/tenants/routes/TenantGroupsPage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantGroupsPage.tsx
@@ -50,6 +50,7 @@ import {
   TableHeader,
   TableRow,
 } from "../../../components/ui/table";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { toast } from "../../../components/ui/use-toast";
 import {
   type GroupSummary,
@@ -513,7 +514,7 @@ function TenantGroupsPage() {
               <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
                 <div className="flex-1 overflow-auto relative custom-scrollbar">
                   <Table>
-                    <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+                    <TableHeader className={commonStickyTableHeaderClass}>
                       <TableRow>
                         <TableHead>
                           {t("ui.admin.groups.table.name", "NAME")}
@@ -610,7 +611,7 @@ function TenantGroupsPage() {
               <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
                 <div className="flex-1 overflow-auto relative custom-scrollbar">
                   <Table>
-                    <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+                    <TableHeader className={commonStickyTableHeaderClass}>
                       <TableRow>
                         <TableHead>
                           {t("ui.admin.groups.members.table.name", "이름")}
diff --git a/adminfront/src/features/tenants/routes/TenantListPage.tsx b/adminfront/src/features/tenants/routes/TenantListPage.tsx
index 2becefcb..ee163169 100644
--- a/adminfront/src/features/tenants/routes/TenantListPage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantListPage.tsx
@@ -39,6 +39,7 @@ import {
   toggleSort,
 } from "../../../../../common/core/utils";
 import {
+  commonStickyTableHeaderClass,
   commonTableShellClass,
   commonTableViewportClass,
 } from "../../../../../common/ui/table";
@@ -942,7 +943,7 @@ function TenantListPage() {
 
           <div className="max-h-[60vh] overflow-auto rounded-md border">
             <Table>
-              <TableHeader className="sticky top-0 bg-secondary">
+              <TableHeader className={commonStickyTableHeaderClass}>
                 <TableRow>
                   <TableHead className="w-[72px]">
                     {t("ui.common.row", "행")}
diff --git a/adminfront/src/features/tenants/routes/TenantUsersPage.tsx b/adminfront/src/features/tenants/routes/TenantUsersPage.tsx
index fb288807..3807fa77 100644
--- a/adminfront/src/features/tenants/routes/TenantUsersPage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantUsersPage.tsx
@@ -32,6 +32,7 @@ import {
   TableHeader,
   TableRow,
 } from "../../../components/ui/table";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { toast } from "../../../components/ui/use-toast";
 import { fetchTenant, fetchUsers, updateUser } from "../../../lib/adminApi";
 import { t } from "../../../lib/i18n";
@@ -124,7 +125,7 @@ function TenantUsersPage() {
         <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
           <div className="flex-1 overflow-auto relative custom-scrollbar">
             <Table>
-              <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+              <TableHeader className={commonStickyTableHeaderClass}>
                 <TableRow>
                   <TableHead>
                     {t("ui.admin.tenants.members.table.name", "NAME")}
diff --git a/adminfront/src/features/user-groups/routes/GlobalUserGroupListPage.tsx b/adminfront/src/features/user-groups/routes/GlobalUserGroupListPage.tsx
index 0551b245..3f23efd0 100644
--- a/adminfront/src/features/user-groups/routes/GlobalUserGroupListPage.tsx
+++ b/adminfront/src/features/user-groups/routes/GlobalUserGroupListPage.tsx
@@ -19,6 +19,7 @@ import {
   TableHeader,
   TableRow,
 } from "../../../components/ui/table";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import {
   type TenantSummary,
   fetchAllTenants,
@@ -87,7 +88,7 @@ function TenantGroupCard({ tenant }: { tenant: TenantSummary }) {
         <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
           <div className="flex-1 overflow-auto relative custom-scrollbar">
             <Table>
-              <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+              <TableHeader className={commonStickyTableHeaderClass}>
                 <TableRow>
                   <TableHead className="w-[250px]">그룹명</TableHead>
                   <TableHead>설명</TableHead>
diff --git a/adminfront/src/features/user-groups/routes/UserGroupDetailPage.tsx b/adminfront/src/features/user-groups/routes/UserGroupDetailPage.tsx
index e68577aa..8be2f68b 100644
--- a/adminfront/src/features/user-groups/routes/UserGroupDetailPage.tsx
+++ b/adminfront/src/features/user-groups/routes/UserGroupDetailPage.tsx
@@ -38,6 +38,7 @@ import {
   TableHeader,
   TableRow,
 } from "../../../components/ui/table";
+import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
 import { toast } from "../../../components/ui/use-toast";
 import {
   addGroupMember,
@@ -348,7 +349,7 @@ export function UserGroupDetailPage() {
             <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
               <div className="flex-1 overflow-auto relative custom-scrollbar">
                 <Table>
-                  <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+                  <TableHeader className={commonStickyTableHeaderClass}>
                     <TableRow>
                       <TableHead className="font-bold">
                         {t("ui.admin.users.list.table.name_email", "사용자")}
@@ -533,7 +534,7 @@ export function UserGroupDetailPage() {
             <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
               <div className="flex-1 overflow-auto relative custom-scrollbar">
                 <Table>
-                  <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
+                  <TableHeader className={commonStickyTableHeaderClass}>
                     <TableRow>
                       <TableHead className="font-bold">
                         {t("ui.admin.users.detail.form.tenant", "대상 테넌트")}