From fd287edd5677de5f79f8a6cb3326c283424de456 Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Wed, 26 Mar 2025 11:40:36 -0400
Subject: [PATCH] Change balance of color swatches

---
 docs/assets/styles/theme-icons.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/assets/styles/theme-icons.css b/docs/assets/styles/theme-icons.css
index ad6946d65..ad15ca323 100644
--- a/docs/assets/styles/theme-icons.css
+++ b/docs/assets/styles/theme-icons.css
@@ -91,17 +91,17 @@ wa-card:has(> .theme-icon-host, > [slot='header'] > .theme-icon-host) {
 
   .swatches {
     display: flex;
-    gap: var(--wa-space-2xs);
+    gap: var(--wa-space-3xs);
 
     > div {
-      width: 1em;
-      height: 2em;
+      width: 1.25rem;
+      height: 1.25rem;
       border-radius: var(--wa-border-radius-s);
       background: var(--wa-color-fill-loud);
       color: var(--wa-color-on-loud);
 
       &.wa-brand {
-        width: 2em;
+        width: 2.5rem;
       }
     }
   }