From d8c056d7911bd9d0fb7aecf9ee50e1191e7bd764 Mon Sep 17 00:00:00 2001
From: Gaby Zifferman <gabyzif@gmail.com>
Date: Thu, 13 Jun 2024 19:43:27 +0200
Subject: [PATCH] fix: button-alligned center (#287)

---
 src/components/general/Button/Button.tsx | 2 +-
 src/utils/utils.css                      | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/general/Button/Button.tsx b/src/components/general/Button/Button.tsx
index f83c5abe6..38231f7bc 100644
--- a/src/components/general/Button/Button.tsx
+++ b/src/components/general/Button/Button.tsx
@@ -12,7 +12,7 @@ export interface IButtonProps extends AntButtonProps {
 }
 export const Button = (props: IButtonProps) => {
   const classMap = {
-    'with-new-icon': 'u-display-flex u-align-items-center',
+    'with-new-icon': 'u-display-flex u-align-items-center u-justify-center',
   }
 
   return (
diff --git a/src/utils/utils.css b/src/utils/utils.css
index 24b3cb166..42be1f621 100644
--- a/src/utils/utils.css
+++ b/src/utils/utils.css
@@ -10,6 +10,10 @@
   align-items: center !important;
 }
 
+.u-justify-center {
+  justify-content: center !important;
+}
+
 .u-padding-sm {
   padding:var(--padding-sm) !important;
 }