fix(web-icons): resolve issues with host sizing (#274)

Tap30 · Nov 23, 2024 · 065d379 · 065d379
1 parent 31b0d54
commit 065d379
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/web-icons/src/base-icon.ts b/packages/web-icons/src/base-icon.ts
@@ -109,14 +109,20 @@ class BaseIcon extends HTMLElement {
 
     this.shadowRoot!.innerHTML = `
       <style>
-        svg {
-          color: currentcolor;
-          fill: currentcolor;
+        :host {
+          color: currentColor;
+
+          display: inline-block;
+
           width: ${width};
           height: ${height};
           ${minWidth ? `min-width: ${minWidth};` : ""}
           ${minHeight ? `min-height: ${minHeight};` : ""}
         }
+        svg {
+          color: currentcolor;
+          fill: currentcolor;
+        }
       </style>
       <svg
         xmlns="http://www.w3.org/2000/svg"