diff --git a/css/centered-box-overlay.css b/css/centered-box-overlay.css
index 146526a..25e082e 100644
--- a/css/centered-box-overlay.css
+++ b/css/centered-box-overlay.css
@@ -1,7 +1,8 @@
 #centeredBoxOverlay {
 	background: transparent;
 	opacity: 0;
-	backdrop-filter: blur(var(--blur-strength));
+	backdrop-filter: blur(0);
+	filter: brightness(70%);
 	
 	position: absolute;
 	top: 0;
@@ -12,12 +13,13 @@
 	margin: 0;
 	padding: 0;
 	z-index: -1;
-	filter: brightness(70%);
-	transition: opacity var(--transition-speed), z-index var(--transition-speed);
+	transition: opacity var(--transition-speed),
+				z-index var(--transition-speed),
+				backdrop-filter var(--transition-speed);
 }
 
 #centeredBoxOverlay.showOverlay {
-	transition: opacity var(--transition-speed);
 	opacity: 1;
 	z-index: 0;
+	backdrop-filter: blur(var(--blur-strength))
 }
\ No newline at end of file