diff --git a/packages/webawesome/src/styles/utilities/layout.css b/packages/webawesome/src/styles/utilities/layout.css
index ab5cd236e..b3a2eaeee 100644
--- a/packages/webawesome/src/styles/utilities/layout.css
+++ b/packages/webawesome/src/styles/utilities/layout.css
@@ -27,11 +27,11 @@
   [class*='wa-cluster'] {
     display: flex;
     flex-wrap: wrap;
-    justify-content: flex-start;
   }
 
   :where([class*='wa-cluster']) {
     align-items: center;
+    justify-content: flex-start;
   }
   /* #endregion */
 
@@ -75,7 +75,6 @@
   [class*='wa-frame'] {
     display: flex;
     aspect-ratio: 1 / 1;
-    justify-content: center;
     overflow: hidden;
   }
 
@@ -98,6 +97,7 @@
 
   :where([class*='wa-frame']) {
     align-items: center;
+    justify-content: center;
   }
   /* #endregion */
 
@@ -118,7 +118,6 @@
   [class*='wa-split'] {
     display: flex;
     flex-wrap: wrap;
-    justify-content: space-between;
   }
 
   [class*='wa-split'],
@@ -141,6 +140,7 @@
 
   :where([class*='wa-split']) {
     align-items: center;
+    justify-content: space-between;
   }
 
   /* #endregion */
@@ -149,11 +149,11 @@
   [class*='wa-stack'] {
     display: flex;
     flex-direction: column;
-    justify-content: flex-start;
   }
 
   :where([class*='wa-stack']) {
     align-items: stretch;
+    justify-content: flex-start;
   }
   /* #endregion */
 }