diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index cb41b80..0b3e4a5 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -110,8 +110,8 @@ export default function Starter() {
           </p>
         </div>
 
-        <header className="relative z-20 px-5 pt-7">
-          <div className={`mx-auto flex max-w-6xl items-center justify-between gap-5 px-7 py-5 ${ui.navShell}`}>
+        <header className="sticky top-4 z-50 px-5 pt-7">
+          <div className={`mx-auto flex max-w-6xl items-center justify-between gap-5 px-5 py-4 backdrop-blur-xl md:px-7 md:py-5 ${ui.navShell}`}>
             <Link href="/" className="flex items-center gap-3 text-lg font-semibold tracking-tight">
               <span className="flex h-11 w-11 items-center justify-center rounded-2xl bg-[#f3fbf8] text-2xl font-black text-[#35b7a5]">
                 C