From 1a5925d7e84cb793e8e219ce8f65f5715c87fc10 Mon Sep 17 00:00:00 2001
From: diced <pranaco2@gmail.com>
Date: Sat, 8 Oct 2022 21:28:36 -0700
Subject: [PATCH] fix: add minWidth to user dropdown

---
 src/components/Layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 4c784f1..b82eae3 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -305,7 +305,7 @@ export default function Layout({ children, props }) {
                     leftIcon={avatar ? <Image src={avatar} height={32} radius='md' /> : <SettingsIcon />}
                     onClick={() => setOpen((o) => !o)}
                     sx={t => ({
-                      backgroundColor: '#00000000',
+                      backgroundColor: 'inherit',
                       '&:hover': {
                         backgroundColor: t.other.hover,
                       },
@@ -318,7 +318,7 @@ export default function Layout({ children, props }) {
                   </Button>
                 </Popover.Target>
 
-                <Popover.Dropdown p={4}>
+                <Popover.Dropdown p={4} mr='md' sx={{ minWidth: '200px' }}>
                   <Stack spacing={2}>
                     <Text sx={{
                       color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],