From 8a19ea3ae47d0bc90384db6eeed22de10de68632 Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Fri, 9 Jan 2026 18:29:23 -0500
Subject: [PATCH] drop specificity of `justify-content` in layout utilities

---
 packages/webawesome/src/styles/utilities/layout.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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 */
 }