From 17b34dc43246ad17c77d42f288cecffcc27ffc66 Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Tue, 11 Jun 2024 22:02:33 -0400
Subject: [PATCH] fix icon sizing in checkbox, select, and tree item

---
 src/components/checkbox/checkbox.styles.ts   | 5 +----
 src/components/select/select.styles.ts       | 1 -
 src/components/tree-item/tree-item.styles.ts | 1 -
 3 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/checkbox/checkbox.styles.ts b/src/components/checkbox/checkbox.styles.ts
index e575ebfc8..e14a1e0cb 100644
--- a/src/components/checkbox/checkbox.styles.ts
+++ b/src/components/checkbox/checkbox.styles.ts
@@ -56,7 +56,7 @@ export default css`
     box-shadow: var(--box-shadow);
     color: var(--wa-form-control-value-color);
     transition:
-      background-color var(--wa-transition-normal) var(--wa-transition-easing),
+      background var(--wa-transition-normal) var(--wa-transition-easing),
       border-color var(--wa-transition-fast) var(--wa-transition-easing),
       box-shadow var(--wa-transition-fast) var(--wa-transition-easing),
       color var(--wa-transition-fast) var(--wa-transition-easing);
@@ -75,9 +75,6 @@ export default css`
   .checkbox__checked-icon,
   .checkbox__indeterminate-icon {
     display: inline-flex;
-    width: var(--toggle-size);
-    height: var(--toggle-size);
-    scale: 0.75;
   }
 
   /* Focus */
diff --git a/src/components/select/select.styles.ts b/src/components/select/select.styles.ts
index 4c6a1efd1..88b8dd4b6 100644
--- a/src/components/select/select.styles.ts
+++ b/src/components/select/select.styles.ts
@@ -270,7 +270,6 @@ export default css`
     display: flex;
     align-items: center;
     color: var(--wa-color-text-quiet);
-    font-size: 0.875em;
     transition: rotate var(--wa-transition-slow) ease;
     rotate: 0;
     margin-inline-start: var(--wa-space-s);
diff --git a/src/components/tree-item/tree-item.styles.ts b/src/components/tree-item/tree-item.styles.ts
index 71ee23a41..0c423e891 100644
--- a/src/components/tree-item/tree-item.styles.ts
+++ b/src/components/tree-item/tree-item.styles.ts
@@ -60,7 +60,6 @@ export default css`
     justify-content: center;
     box-sizing: content-box;
     color: var(--expand-button-color);
-    font-size: 0.875rem;
     padding: var(--wa-space-xs);
     width: 1rem;
     height: 1rem;