From a44f348e374377a0dbffb3ed96750c7f18aa6bb6 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Mon, 26 Feb 2024 16:13:39 +0000
Subject: [PATCH] Standardise icon sizes in binding side panel

---
 .../common/bindings/BindingSidePanel.svelte           | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/common/bindings/BindingSidePanel.svelte b/packages/builder/src/components/common/bindings/BindingSidePanel.svelte
index 2c8c6144fb..40f9b65bc3 100644
--- a/packages/builder/src/components/common/bindings/BindingSidePanel.svelte
+++ b/packages/builder/src/components/common/bindings/BindingSidePanel.svelte
@@ -167,7 +167,7 @@
           }}
           class:searching={search}
         >
-          <Icon name={search ? "Close" : "Search"} />
+          <Icon size="S" name={search ? "Close" : "Search"} />
         </span>
       </div>
     {/if}
@@ -180,7 +180,11 @@
               selectedCategory = categoryName
             }}
           >
-            <Icon name={categoryIcons[categoryName]} />
+            <Icon
+              size="S"
+              color="var(--spectrum-global-color-gray-700)"
+              name={categoryIcons[categoryName]}
+            />
             <span class="category-name">{categoryName} </span>
             <span class="category-chevron"><Icon name="ChevronRight" /></span>
           </li>
@@ -303,6 +307,9 @@
     gap: var(--spacing-m);
     align-items: center;
   }
+  ul.category-list :global(.spectrum-Icon) {
+    margin: -4px 0;
+  }
   ul.category-list .category-name {
     text-transform: capitalize;
   }