diff --git a/api/js/etemplate/Layout/Et2Box/Et2Box.ts b/api/js/etemplate/Layout/Et2Box/Et2Box.ts
index 3f9ca67160..48e1e8043d 100644
--- a/api/js/etemplate/Layout/Et2Box/Et2Box.ts
+++ b/api/js/etemplate/Layout/Et2Box/Et2Box.ts
@@ -150,14 +150,21 @@ export class Et2VBox extends Et2Box
 		return [
 			...super.styles,
 			css`
-            :host > div {
-            	flex-direction: column;
-			}
-			/* CSS for child elements */
-            ::slotted(*) {
-            	/* Stop children from growing vertically.  In general we want them to stay their "normal" height */
-            	flex-grow: 0;
-            }
+			  :host > div {
+				flex-direction: column;
+			  }
+
+			  :host([align="center"]) > div {
+				align-items: center;
+			  }
+
+			  /* CSS for child elements */
+
+			  ::slotted(*) {
+				/* Stop children from growing vertically.  In general we want them to stay their "normal" height */
+				flex-grow: 0;
+			  }
+
 			`
 		];
 	}