타이틀 크기 및 상단 패딩 밀림 제거

adminfront/src/features/projections/UserProjectionPage.tsx

@@ -95,16 +95,16 @@ function UserProjectionContent() {
   const actionError = reconcileMutation.error ?? resetMutation.error;
 
   return (
-    <main className="space-y-6 p-6 md:p-8">
-      <div className="flex flex-wrap items-center justify-between gap-3">
-        <div>
-          <h2 className="text-2xl font-semibold tracking-tight">
+    <main className="space-y-6 flex flex-col h-[calc(100vh-theme(spacing.32))]">
+      <header className="flex flex-shrink-0 flex-wrap items-start justify-between gap-4 sticky top-[-2.5rem] z-20 -mt-4 bg-background/95 pb-2 pt-4 backdrop-blur">
+        <div className="space-y-2">
+          <h2 className="text-3xl font-semibold">
             {t(
               "ui.admin.user_projection.title",
               "User Projection Management",
             )}
           </h2>
-          <p className="mt-1 text-sm text-muted-foreground">
+          <p className="text-sm text-muted-foreground">
             {t(
               "msg.admin.user_projection.subtitle",
               "Review and sync the Kratos user read model.",
@@ -134,7 +134,7 @@ function UserProjectionContent() {
             )}
           </Button>
         </div>
-      </div>
+      </header>
 
       {isError ? (
         <section className="rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive">