diff --git a/src/components/banner.tsx b/src/components/banner.tsx
index 0ce3f2a..0540c29 100644
--- a/src/components/banner.tsx
+++ b/src/components/banner.tsx
@@ -1,5 +1,5 @@
 export const Banner = () => (
-  <div className="fixed left-0 right-0 top-0 z-[999] flex h-[40px] w-full flex-col items-center justify-center py-2 text-sm bg-[#1e7748] sm:flex-row sm:py-0 sm:text-lg">
+  <div className="relative z-[999] flex h-[40px] w-full flex-col items-center justify-center py-2 text-sm bg-[#1e7748] sm:flex-row sm:py-0 sm:text-lg">
     <div className="mr-1 hidden text-white sm:block">Free Palestine 🇵🇸</div>
     <a
       href="https://freepalestine.dev"
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 13fdd54..044773c 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -84,7 +84,7 @@ export const MainHeader = () => {
   };
 
   return (
-    <nav className="sticky top-0 z-40 w-full bg-background/70 backdrop-blur-lg pt-10 px-6 border-b border-divider h-26">
+    <nav className="sticky top-0 z-40 w-full bg-background/70 backdrop-blur-lg px-6 border-b border-divider h-16">
       <header className="max-w-7xl mx-auto flex h-16 items-center justify-between">
         <Title onClick={handleScrollToTop} />