Merge pull request #2522 from hashicorp/hds-3996/dropdown-size

`Dropdown`: fixed height for ToggleButton small variant
hashicorp · Oct 31, 2024 · 972c0c0 · 972c0c0
2 parents 70f528b + e331a40
commit 972c0c0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/violet-donuts-matter.md b/.changeset/violet-donuts-matter.md
@@ -0,0 +1,5 @@
+---
+"@hashicorp/design-system-components": patch
+---
+
+`Dropdown`: fixed the height of the chevron in `ToggleButton`.
diff --git a/packages/components/src/styles/components/dropdown.scss b/packages/components/src/styles/components/dropdown.scss
@@ -136,6 +136,12 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius;
 
 .hds-dropdown-toggle-button--size-small {
   padding-right: 0.375rem;
+
+  // For small variant with chevron, force the icon size to custom (even if the SGV size is `16px`)
+  .hds-icon {
+    width: 12px;
+    height: 12px;
+  }
 }
 
 .hds-dropdown-toggle-button--size-medium {