diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 405d9d1723ea7eefc421d51ce146906d89ca0275..cb601054e47cfa894ed25a1a2e59653dd66385af 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -286,32 +286,14 @@ $link-decoration: none;
 	background-color: rgba(0, 0, 0, 0.5);
 	z-index: 1000;
 	pointer-events: none;
-	animation: fadeOut 0.3s ease-in-out forwards;
+	opacity: 0;
+	transition: opacity 0.3s ease-in-out;
 }
 
 .edits-disabled-overlay.visible {
-	animation: fadeIn 0s ease-in-out forwards;
+	opacity: 1;
 	pointer-events: none;
-}
-
-@keyframes fadeIn {
-	from {
-		opacity: 0;
-	}
-
-	to {
-		opacity: 1;
-	}
-}
-
-@keyframes fadeOut {
-	from {
-		opacity: 1;
-	}
-
-	to {
-		opacity: 0;
-	}
+	transition: opacity 0.1s ease-in-out;
 }
 
 .make-span-overflow-scroll span {