diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index a951392660..0ae2c16667 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -52,6 +52,7 @@ html[data-theme='light'] .hero::after {
   align-items: center;
   flex-shrink: 0;
   max-width: min(50rem, 100%);
+  z-index: 1;
 }
 
 .heroBefore,