From e65dd130b814692dea0fd40e773aaf4b921bd053 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 9 Dec 2022 19:01:05 -0800
Subject: [PATCH] Update base components

---
 packages/renderer/src/components/button/index.tsx        | 6 ++++++
 packages/renderer/src/components/dropdown-menu/index.tsx | 1 +
 2 files changed, 7 insertions(+)

diff --git a/packages/renderer/src/components/button/index.tsx b/packages/renderer/src/components/button/index.tsx
index 1022d08ce..d1c55ab18 100644
--- a/packages/renderer/src/components/button/index.tsx
+++ b/packages/renderer/src/components/button/index.tsx
@@ -173,8 +173,14 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
   }
 
   & .mantine-Button-leftIcon {
+    display: flex;
     margin-right: 0.5rem;
   }
+
+  .mantine-Button-rightIcon {
+    display: flex;
+    margin-left: 0.5rem;
+  }
 `;
 
 const ButtonChildWrapper = styled.span<{ $loading?: boolean }>`
diff --git a/packages/renderer/src/components/dropdown-menu/index.tsx b/packages/renderer/src/components/dropdown-menu/index.tsx
index b116eea3e..7dbb471f3 100644
--- a/packages/renderer/src/components/dropdown-menu/index.tsx
+++ b/packages/renderer/src/components/dropdown-menu/index.tsx
@@ -49,6 +49,7 @@ const StyledMenuItem = styled(MantineMenu.Item)<MenuItemProps>`
   }
 
   & .mantine-Menu-itemRightSection {
+    display: flex;
     margin-left: 2rem !important;
     color: ${({ $isActive }) => ($isActive ? 'var(--primary-color)' : 'var(--dropdown-menu-fg)')};
   }