diff --git a/src/components/ui/BlurBackground.astro b/src/components/ui/BlurBackground.astro
index 6d228bb..a7ecdf9 100644
--- a/src/components/ui/BlurBackground.astro
+++ b/src/components/ui/BlurBackground.astro
@@ -12,24 +12,21 @@
 	#background {
 		top: 50%;
 		left: 50%;
+
+		translate: -50% -50%;
 	}
 
 	@keyframes rotate {
 		from {
-			rotate: 0deg;
-			translate: -50% -50%;
-			scale: 1.5 1;
+			transform: rotate(0deg) scale(1.5, 1);
 		}
 
 		50% {
-			scale: 1 1.5;
-			translate: -50% -50%;
+			transform: rotate(180deg) scale(1, 1.5);
 		}
 
 		to {
-			rotate: 360deg;
-			translate: -50% -50%;
-			scale: 1.5 1;
+			transform: rotate(360deg) scale(1.5, 1);
 		}
 	}
 </style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c260368..f717978 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,7 +8,7 @@ import BlurBackground from "../components/ui/BlurBackground.astro";
 	title="Coworking Stream Guide"
 	description="A guide for new and existing coworking streamers!"
 >
-	<div class="relative overflow-hidden h-fit min-h-screen">
+	<div class="relative overflow-hidden h-fit min-h-screen w-full">
 		<BlurBackground />
 		<div class="flex justify-center items-start pb-10">
 			<Hero />