diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
index 65568f5..a990d1c 100644
--- a/src/components/header/index.tsx
+++ b/src/components/header/index.tsx
@@ -45,7 +45,7 @@ export default function Header() {
   );
 
   return (
-    <header className={cn("fixed inset-0 w-full h-[90px] py-6 flex z-20 transition-colors duration-500",
+    <header className={cn("fixed inset-0 w-full h-[90px] py-6 flex z-40 transition-colors duration-500",
       {
         "bg-blue-900": isScrolled,
         "bg-transparent": !isScrolled
diff --git a/src/components/lines/index.tsx b/src/components/lines/index.tsx
index ab6b7d4..e020e0e 100644
--- a/src/components/lines/index.tsx
+++ b/src/components/lines/index.tsx
@@ -31,7 +31,7 @@ const Lines = ({
   return <>
     <AnimatePresence>
       {/* Vertical lines */}
-      <div className='vertical-lines container absolute inset-0 w-full h-full'>
+      <div className='vertical-lines container absolute inset-0 w-full h-full pointer-events-none'>
         <motion.div className={cn('w-full h-full absolute inset-0 z-10',
           verticalClassName,
           hoveringColumnsNumber && gridColumns)}
@@ -57,7 +57,7 @@ const Lines = ({
         </motion.div>
       </div>
       {/* Horizontal lines */}
-      <div className='horizontal-lines w-full h-full absolute inset-0 z-10'>
+      <div className='horizontal-lines w-full h-full absolute inset-0 z-10 pointer-events-none'>
         {rows.map((y, index) => (
           <motion.div
             initial={{ y: -1000, opacity: 0 }}