From 63dba7b379199abb18022e1545043a4457c05d9b Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 5 Nov 2022 03:12:04 -0700
Subject: [PATCH] Increase dropdown size

---
 src/renderer/components/dropdown-menu/index.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/dropdown-menu/index.tsx b/src/renderer/components/dropdown-menu/index.tsx
index df0ed7ea4..31a46a0d0 100644
--- a/src/renderer/components/dropdown-menu/index.tsx
+++ b/src/renderer/components/dropdown-menu/index.tsx
@@ -17,12 +17,12 @@ type MenuDropdownProps = MantineMenuDropdownProps;
 
 const StyledMenu = styled(MantineMenu)<MenuProps>``;
 
-const StyledMenuLabel = styled(MantineMenu.Label)`
+const StyledMenuLabel = styled(MantineMenu.Label)<MenuLabelProps>`
   font-family: var(--label-font-family);
 `;
 
-const StyledMenuItem = styled(MantineMenu.Item)`
-  padding: 0.5rem;
+const StyledMenuItem = styled(MantineMenu.Item)<MenuItemProps>`
+  padding: 0.8rem;
   font-size: 0.9em;
   font-family: var(--label-font-family);
   background-color: var(--dropdown-menu-bg);
@@ -31,6 +31,11 @@ const StyledMenuItem = styled(MantineMenu.Item)`
     margin-right: 0.5rem;
   }
 
+  & .mantine-Menu-itemLabel {
+    font-weight: 500;
+    font-size: 1em;
+  }
+
   & .mantine-Menu-itemRightSection {
     margin-left: 2rem !important;
   }
@@ -46,7 +51,7 @@ const StyledMenuDivider = styled(MantineMenu.Divider)`
 
 export const DropdownMenu = ({ children, ...props }: MenuProps) => {
   return (
-    <StyledMenu withinPortal {...props}>
+    <StyledMenu withinPortal radius="sm" transition="scale" {...props}>
       {children}
     </StyledMenu>
   );