diff --git a/webapp/packages/core-connections/src/DatabaseAuthDialog/DatabaseAuthDialog.tsx b/webapp/packages/core-connections/src/DatabaseAuthDialog/DatabaseAuthDialog.tsx
index 5dbb1230ca..fd0e8c8702 100644
--- a/webapp/packages/core-connections/src/DatabaseAuthDialog/DatabaseAuthDialog.tsx
+++ b/webapp/packages/core-connections/src/DatabaseAuthDialog/DatabaseAuthDialog.tsx
@@ -63,6 +63,7 @@ const styles = composes(
     FormBox {
       align-items: center;
       justify-content: center;
+      width: 450px;
     }
     ErrorMessage {
       position: sticky;
diff --git a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.tsx b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.tsx
index e1c6eebed7..a2cc493e69 100644
--- a/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.tsx
+++ b/webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.tsx
@@ -31,6 +31,7 @@ const styles = css`
   SubmittingForm, center {
     display: flex;
     flex: 1;
+    margin: auto;
   }
   center {
     box-sizing: border-box;
@@ -46,6 +47,7 @@ const styles = css`
   FormBox {
     align-items: center;
     justify-content: center;
+    width: 450px;
   }
 `;