From 679acdd26cb18f16626a4809caa0aea65060e466 Mon Sep 17 00:00:00 2001
From: Kyle Johnson <kyle@solidstategroup.com>
Date: Tue, 3 Dec 2024 19:20:56 +0000
Subject: [PATCH] fix: button style (#4884)

---
 frontend/web/components/base/forms/Button.tsx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/web/components/base/forms/Button.tsx b/frontend/web/components/base/forms/Button.tsx
index 282bb21c87bb..8ca31c338d5a 100644
--- a/frontend/web/components/base/forms/Button.tsx
+++ b/frontend/web/components/base/forms/Button.tsx
@@ -62,15 +62,16 @@ export const Button: FC<ButtonType> = ({
       href={hasPlan ? href : Constants.getUpgradeUrl()}
       rel='noreferrer'
     >
-      {!!iconLeft && !!hasPlan && (
-        <Icon
-          fill={iconLeftColour ? Constants.colours[iconLeftColour] : undefined}
-          className='me-2'
-          name={iconLeft}
-          width={iconSize}
-        />
-      )}
-      <div className='d-flex align-items-center gap-2'>
+      <div className='d-flex align-items-center justify-content-center gap-2'>
+        {!!iconLeft && !!hasPlan && (
+          <Icon
+            fill={
+              iconLeftColour ? Constants.colours[iconLeftColour] : undefined
+            }
+            name={iconLeft}
+            width={iconSize}
+          />
+        )}
         {children}
         {!hasPlan && <PlanBasedBanner feature={feature} theme={'badge'} />}
       </div>