From 487095826e1c0ade1a0780fba8543e4e9bec30c7 Mon Sep 17 00:00:00 2001
From: Alex <33497058+bexsoft@users.noreply.github.com>
Date: Tue, 23 Jul 2024 13:59:25 -0600
Subject: [PATCH] Updated Button Styles (#884)

---
 src/components/Button/Button.tsx           | 13 ++++++++-----
 src/components/ButtonGroup/ButtonGroup.tsx |  2 ++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index a7153a82..dcaf6c61 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -77,7 +77,7 @@ const CustomButton = styled.button<
     }
 
     return {
-      borderRadius: 6,
+      borderRadius: 4,
       cursor: "pointer",
       height: compact ? 28 : 36,
       fontFamily: "'Geist', sans-serif",
@@ -101,15 +101,18 @@ const CustomButton = styled.button<
         ...buttonLabelSx,
       },
       "& .buttonIcon": {
-        display: "block",
+        display: "flex",
         height: 16,
         width: 16,
-
+        minWidth: 16,
+        minHeight: 16,
+        justifyContent: "center",
+        alignItems: "center",
         "& > svg": {
           fill: get(theme, `buttons.${variant}.enabled.text`, "#000"),
           color: get(theme, `buttons.${variant}.enabled.text`, "#000"),
-          width: 14,
-          height: 14,
+          width: 16,
+          height: 16,
         },
       },
       "&:disabled": {
diff --git a/src/components/ButtonGroup/ButtonGroup.tsx b/src/components/ButtonGroup/ButtonGroup.tsx
index 4b4a1ed8..46d80850 100644
--- a/src/components/ButtonGroup/ButtonGroup.tsx
+++ b/src/components/ButtonGroup/ButtonGroup.tsx
@@ -125,6 +125,7 @@ const ButtonGroupMain = styled.div<ButtonGroupProps>(({ theme, sx }) => ({
         "buttonGroup.border",
         themeColors["Color/Neutral/Border/colorBorderMinimal"].lightMode,
       ),
+      boxShadow: "none",
       "& .buttonIcon > svg": {
         color: get(
           theme,
@@ -163,6 +164,7 @@ const ButtonGroupMain = styled.div<ButtonGroupProps>(({ theme, sx }) => ({
         "buttonGroup.border",
         themeColors["Color/Neutral/Border/colorBorderMinimal"].lightMode,
       ),
+      boxShadow: "none",
       "& .buttonIcon > svg": {
         color: get(
           theme,