diff --git a/assets/newspack-ui/scss/_modals.scss b/assets/newspack-ui/scss/_modals.scss
index fd58037066..e564620abb 100644
--- a/assets/newspack-ui/scss/_modals.scss
+++ b/assets/newspack-ui/scss/_modals.scss
@@ -22,7 +22,8 @@
 			z-index: 2;
 			width: 100%;
 			transform: translateY( 50px );
-			transition: transform 0.1s linear;
+			opacity: 0;
+			transition: transform 0.1s linear, opacity 0.1s linear;
 		}
 		&[data-state='open'] {
 			z-index: 99999;
@@ -32,6 +33,7 @@
 				opacity: 1;
 			}
 			.newspack-ui__modal {
+				opacity: 1;
 				transform: translateY( 0 );
 			}
 		}