fix tiny selector

microsoft · Jun 17, 2024 · 9c39099 · 9c39099
1 parent a5cbce6
commit 9c39099
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/web-components/src/styles/partials/badge.partials.ts b/packages/web-components/src/styles/partials/badge.partials.ts
@@ -64,6 +64,7 @@ import {
   subtleState,
   successState,
   tintState,
+  tinyState,
   warningState,
 } from '../states/index.js';
 
@@ -112,15 +113,15 @@ export const badgeBaseStyles = css.partial`
  * The badge's size styles
  */
 export const badgeSizeStyles = css.partial`
-  :host(${tintState}) {
+  :host(${tinyState}) {
     width: 6px;
     height: 6px;
     font-size: 4px;
     line-height: 4px;
     padding-inline: 0;
     min-width: unset;
   }
-  :host(${tintState}) ::slotted(svg) {
+  :host(${tinyState}) ::slotted(svg) {
     font-size: 6px;
   }
   :host(${extraSmallState}) {