fix: make wrapper size match icon size

The div was strangely rendering at 24x28 px instead matching --ds-auro-icon-size on both width and height.
AlaskaAirlines · Dec 20, 2024 · 0997518 · 0997518
1 parent 00c2046
commit 0997518
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/auro-icon.js b/src/auro-icon.js
@@ -193,7 +193,8 @@ export class AuroIcon extends BaseIcon {
     };
 
     const classes = {
-      'label': this.label
+      'label': this.label,
+      'wrapper': true,
     };
 
     return html`

diff --git a/src/style.scss b/src/style.scss
@@ -40,6 +40,10 @@ svg {
   }
 }
 
+.wrapper {
+  height: var(--ds-auro-icon-size);
+  width: var(--ds-auro-icon-size);
+}
 
 .labelContainer {
   line-height: 1.8;