diff --git a/app/_components/Header.tsx b/app/_components/Header.tsx
index 0d09e2b8..8ce70077 100644
--- a/app/_components/Header.tsx
+++ b/app/_components/Header.tsx
@@ -21,9 +21,9 @@ const Header = () => {
 
   return (
     <>
-      <header className="fixed left-0 top-0 z-nav flex h-72 w-360 gap-16 border-b border-gray-50 bg-white-white px-20 pb-12 pt-36">
+      <header className="sticky left-0 top-0 z-nav flex h-72 w-full justify-between border-b border-gray-50 bg-white-white px-20 pb-12 pt-36">
         <ArrowLeft onClick={() => router.back()} className="cursor-pointer" />
-        <h1 className="w-240 text-center text-16 font-500 text-gray-900">{title}</h1>
+        <h1 className="w-full text-center text-16 font-500 text-gray-900">{title}</h1>
         {pathname === `/event/${id}` && <KebabButton onClick={openKebeb} className="cursor-pointer" />}
       </header>
       {bottomSheet === "event-kebab" && (