fix: make css selector more specific

shleewhite · shleewhite · commit 94b7c033458b · 2024-10-31T11:11:55.000-04:00
diff --git a/packages/components/src/styles/components/dropdown.scss b/packages/components/src/styles/components/dropdown.scss
@@ -138,7 +138,7 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius;
   padding-right: 0.375rem;
 
   // For small variant with chevron, force the icon size to custom (even if the SGV size is `16px`)
-  .hds-icon {
+  .hds-dropdown-toggle-chevron .hds-icon {
     width: 12px;
     height: 12px;
   }

Original file line number	Diff line number	Diff line change
`@@ -138,7 +138,7 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius;`
`138`	`138`	`padding-right: 0.375rem;`
`139`	`139`
`140`	`140`	// For small variant with chevron, force the icon size to custom (even if the SGV size is `16px`)
`141`		`- .hds-icon {`
	`141`	`+ .hds-dropdown-toggle-chevron .hds-icon {`
`142`	`142`	`width: 12px;`
`143`	`143`	`height: 12px;`
`144`	`144`	`}`