diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index ce0e77b..923eed8 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -19,7 +19,7 @@
 </script>
 
 <footer
-  class={`py-4 flex flex-col space-y-10 lg:flex-row justify-between items-center ${$$restProps.class}`}
+  class={`py-4 flex flex-col space-y-10 lg:flex-row justify-between items-center z-10 ${$$restProps.class}`}
 >
   <p class="flex flex-col">
     <span class="text-sm">© {new Date().getFullYear()} Sneaky Crow, LLC</span>
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 92aa19c..e05ef80 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <header
-  class={`w-full grid grid-cols-header gap-4 items-center lg:items-start lg:max-h-[300px] ${$$restProps.class}`}
+  class={`w-full grid grid-cols-header gap-4 items-center lg:items-start lg:max-h-[300px] z-20 ${$$restProps.class}`}
 >
   <Logo class="w-14 lg:w-[100px] col-start-1 col-span-1" />
   <section