From e03e16c72faae4598ca024fa60a67eee4cd8c418 Mon Sep 17 00:00:00 2001
From: vidvidvid <weetopol@gmail.com>
Date: Sun, 20 Mar 2022 14:23:02 +0100
Subject: [PATCH] style: button hovers & lint

---
 packages/web/components/Setup/SetupRoles.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/web/components/Setup/SetupRoles.tsx b/packages/web/components/Setup/SetupRoles.tsx
index 4e9942c7..bb6f1413 100644
--- a/packages/web/components/Setup/SetupRoles.tsx
+++ b/packages/web/components/Setup/SetupRoles.tsx
@@ -8,7 +8,6 @@ import {
   InfoIcon,
   Input,
   SimpleGrid,
-  Spacer,
   Stack,
   Text,
   useBreakpointValue,
@@ -349,10 +348,7 @@ const Role: React.FC<RoleProps> = ({
                   textTransform="uppercase"
                   color="purple.200"
                   borderColor="purple.200"
-                  _hover={{
-                    borderColor: 'purple.900',
-                    bgColor: 'blackAlpha.300',
-                  }}
+                  _hover={{ color: 'white', bgColor: 'purple.200' }}
                   fontSize="sm"
                   borderWidth={2}
                   mr={3}