diff --git a/src/Umbraco.Web.UI.Client/src/less/components/overlays.less b/src/Umbraco.Web.UI.Client/src/less/components/overlays.less
index f9cd315825..fd52929357 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/overlays.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/overlays.less
@@ -75,21 +75,35 @@
 /* ---------- OVERLAY CENTER ---------- */
 .umb-overlay.umb-overlay-center {
     position: absolute;
-    width: 600px;
-    height: 500px;
-    top: 10px;
+    width: 500px;
+    height: auto;
+    top: 50%;
     left: 50%;
     transform: translate(-50%, 0);
+    transform: translate(-50%, -50%);
+    border-radius: @baseBorderRadius;
 }
 
 .umb-overlay.umb-overlay-center .umb-overlay-header {
-    text-align: center;
+    border: none;
+    background: transparent;
+    padding: 20px 20px 0 20px;
+}
+
+.umb-overlay.umb-overlay-center .umb-overlay__form {
+    max-height: 80vh;
 }
 
 .umb-overlay.umb-overlay-center .umb-overlay-container {
     padding: 20px;
 }
 
+.umb-overlay.umb-overlay-center .umb-overlay-drawer {
+    border: none;
+    background: transparent;
+    padding: 0 20px 20px 20px;
+}
+
 /* ---------- OVERLAY TARGET ---------- */
 .umb-overlay.umb-overlay-target {
     width: 400px;