Fix UpdateOverlay briefly showing on page load

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;
-}
-
-.edits-disabled-overlay.visible {
-	animation: fadeIn 0s ease-in-out forwards;
-	pointer-events: none;
-}
-
-@keyframes fadeIn {
-	from {
 	opacity: 0;
+	transition: opacity 0.3s ease-in-out;
 }
 
-	to {
-		opacity: 1;
-	}
-}
-
-@keyframes fadeOut {
-	from {
+.edits-disabled-overlay.visible {
 	opacity: 1;
-	}
-
-	to {
-		opacity: 0;
-	}
+	pointer-events: none;
+	transition: opacity 0.1s ease-in-out;
 }
 
 .make-span-overflow-scroll span {