From 939f5fad0861570ec0003dd893dc2bc28d4258e6 Mon Sep 17 00:00:00 2001
From: Hendrik de Graaf <HendrikThePendric@users.noreply.github.com>
Date: Thu, 28 Nov 2024 15:35:18 +0100
Subject: [PATCH] fix: use flexbox instead of font-size to ensure the icon is
 centered (#1643)

---
 components/button/src/button/button.styles.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/button/src/button/button.styles.js b/components/button/src/button/button.styles.js
index 1f8d102181..b6379bb1ff 100644
--- 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;
     }