From 77b97c493e5fd0a9216f1f5d8604f4b0655873b0 Mon Sep 17 00:00:00 2001
From: gitstart-omnivore <gitstart@users.noreply.github.com>
Date: Wed, 23 Mar 2022 21:16:01 +0000
Subject: [PATCH] fix borderRadius for single email

---
 packages/web/components/elements/DropdownElements.tsx | 2 +-
 packages/web/pages/settings/emails.tsx                | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/elements/DropdownElements.tsx b/packages/web/components/elements/DropdownElements.tsx
index 7916b3bce..43b25fff5 100644
--- a/packages/web/components/elements/DropdownElements.tsx
+++ b/packages/web/components/elements/DropdownElements.tsx
@@ -71,7 +71,7 @@ export type DropdownAlignment =
 type DropdownProps = {
   labelText?: string
   triggerElement: React.ReactNode
-  children: React.ReactNode
+  children: React.ReactNode,
   styledArrow?: boolean
   align?: DropdownAlignment 
 }
diff --git a/packages/web/pages/settings/emails.tsx b/packages/web/pages/settings/emails.tsx
index 29655492f..befc50bf9 100644
--- a/packages/web/pages/settings/emails.tsx
+++ b/packages/web/pages/settings/emails.tsx
@@ -301,9 +301,12 @@ export default function EmailsPage(): JSX.Element {
                     background: 'rgba(255, 234, 159, 0.12)',
                   },
                   '@mdDown': {
-                    borderRadius: i === 0 ? '5px 5px 0 0 ' : '',
+                    borderTopLeftRadius: i === 0 ? '5px' : '',
+                    borderTopRightRadius: i === 0 ? '5px' : '',
+
                   },
-                  borderRadius: isLastChild ? '0 0 5px 5px' : '',
+                  borderBottomLeftRadius: isLastChild ? '5px' : '',
+                  borderBottomRightRadius: isLastChild ? '5px' : '',
                 }}
               >
                 <Box