From 287f569220b62ba03fb867740de4b92363c5464f Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 18 Jan 2023 18:45:44 +0800
Subject: [PATCH] Dont use a button and a dropdown option, fire action from the
 option

---
 .../web/components/templates/settings/SettingsTable.tsx    | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/templates/settings/SettingsTable.tsx b/packages/web/components/templates/settings/SettingsTable.tsx
index 11242a58d..705b34252 100644
--- a/packages/web/components/templates/settings/SettingsTable.tsx
+++ b/packages/web/components/templates/settings/SettingsTable.tsx
@@ -65,12 +65,12 @@ const MoreOptions = (props: MoreOptionsProps) => (
   >
     <DropdownOption
       onSelect={() => {
-        return true
+        props.onDelete()
       }}
     >
       <HStack alignment={'center'} distribution={'start'}>
         <Trash size={24} color={theme.colors.omnivoreRed.toString()} />
-        <Button
+        <SpanBox
           css={{
             color: theme.colors.omnivoreRed.toString(),
             marginLeft: '8px',
@@ -81,10 +81,9 @@ const MoreOptions = (props: MoreOptionsProps) => (
               backgroundColor: 'transparent',
             },
           }}
-          onClick={props.onDelete}
         >
           {props.title}
-        </Button>
+        </SpanBox>
       </HStack>
     </DropdownOption>
   </Dropdown>