fix: use flexbox instead of font-size to ensure the icon is centered

dhis2 · Nov 28, 2024 · 093f6e9 · 093f6e9
1 parent cb730b8
commit 093f6e9
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components/button/src/button/button.styles.js b/components/button/src/button/button.styles.js
@@ -224,8 +224,9 @@ export default css`
         margin-inline-end: 6px;
         color: inherit;
         fill: inherit;
-        font-size: 26px;
-        vertical-align: middle;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
         pointer-events: none;
     }