diff --git a/frontend/src/components/Header/index.tsx b/frontend/src/components/Header/index.tsx
index 9d550b7..03d8e5a 100644
--- a/frontend/src/components/Header/index.tsx
+++ b/frontend/src/components/Header/index.tsx
@@ -6,22 +6,14 @@ import { Suspense } from 'react';
 import AlarmPopover from './AlarmPopover';
 import ProfilePopover from './ProfilePopover';
 
-export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-
-export default function Header({ className, ...props }: HeaderProps) {
+export default function Header() {
   const location = useLocation();
   const isHomePage = location.pathname === '/';
 
   const profile = useAuthStore((state) => state.profile);
 
   return (
-    <header
-      className={cn(
-        'flex h-16 w-full items-center justify-between border-b border-gray-200 bg-white px-4 sm:px-6 md:px-8 lg:px-10',
-        className
-      )}
-      {...props}
-    >
+    <header className="fixed left-0 top-0 z-40 flex h-16 w-full items-center justify-between border-b border-gray-200 bg-white px-4 sm:px-6 md:px-8 lg:px-10">
       <div className="flex items-center gap-4 md:gap-10">
         <Link
           to="/"
diff --git a/frontend/src/components/ManageLayout/index.tsx b/frontend/src/components/ManageLayout/index.tsx
index ae5c5b0..740cae8 100644
--- a/frontend/src/components/ManageLayout/index.tsx
+++ b/frontend/src/components/ManageLayout/index.tsx
@@ -18,7 +18,7 @@ export default function ManageLayout({ tabTitle }: { tabTitle: string }) {
 
   return (
     <>
-      <Header className="fixed left-0 top-0 w-full" />
+      <Header />
 
       <div className="flex min-h-screen flex-col justify-between">
         <div className="mt-16 flex flex-1">
diff --git a/frontend/src/components/PageLayout/index.tsx b/frontend/src/components/PageLayout/index.tsx
index 11e4be9..913019a 100644
--- a/frontend/src/components/PageLayout/index.tsx
+++ b/frontend/src/components/PageLayout/index.tsx
@@ -6,7 +6,7 @@ import { Suspense } from 'react';
 export default function PageLayout() {
   return (
     <>
-      <Header className="fixed left-0 top-0 w-full" />
+      <Header />
       <div className="flex min-h-screen flex-col justify-between">
         <div className="mt-16 flex flex-1">
           <Suspense fallback={<div></div>}>
diff --git a/frontend/src/components/WorkspaceBrowseLayout/index.tsx b/frontend/src/components/WorkspaceBrowseLayout/index.tsx
index fb800fa..aaff1ea 100644
--- a/frontend/src/components/WorkspaceBrowseLayout/index.tsx
+++ b/frontend/src/components/WorkspaceBrowseLayout/index.tsx
@@ -92,7 +92,7 @@ export default function WorkspaceBrowseLayout() {
 
   return (
     <>
-      <Header className="fixed left-0 top-0 w-full" />
+      <Header />
 
       <div className="flex min-h-screen flex-col justify-between">
         <div className="mt-16 flex flex-1">
diff --git a/frontend/src/components/WorkspaceLayout/index.tsx b/frontend/src/components/WorkspaceLayout/index.tsx
index 13d6927..e9fa5d0 100644
--- a/frontend/src/components/WorkspaceLayout/index.tsx
+++ b/frontend/src/components/WorkspaceLayout/index.tsx
@@ -46,7 +46,7 @@ export default function WorkspaceLayout() {
 
   return (
     <>
-      <Header className="fixed left-0 top-0" />
+      <Header />
       <div className="mt-16 h-[calc(100vh-64px)] w-screen">
         <ResizablePanelGroup direction="horizontal">
           <WorkspaceSidebar