diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a15ebf3..e37cf34 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -142,15 +142,13 @@
 </div>
 
 <style lang="scss">
-	.hide-on-scroll {
-		transition: opacity 0.5s var(--bezier-one);
-		z-index: -999;
-
-		&.hidden {
-			height: 0;
-			opacity: 0;
-		}
+	.hide-on-scroll.hidden {
+		z-index: -2;
+		height: 0;
+		opacity: 0;
+		overflow: hidden;
 	}
+
 	main {
 		padding-block: 2rem;
 		display: flex;