From 3950f6e780791b0ea1155dbf342e2281508727bd Mon Sep 17 00:00:00 2001
From: rsandb <me@rileysandb.org>
Date: Sat, 14 Jan 2023 00:46:25 -0600
Subject: [PATCH] Fixed tooltip not showing on hover

---
 website/src/components/FlaggableElement.tsx | 22 ++++++++-------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/website/src/components/FlaggableElement.tsx b/website/src/components/FlaggableElement.tsx
index 5232e04f..f98ca171 100644
--- a/website/src/components/FlaggableElement.tsx
+++ b/website/src/components/FlaggableElement.tsx
@@ -148,20 +148,14 @@ export const FlaggableElement = (props: FlaggableElementProps) => {
     >
       <Grid display="flex" alignItems="center" gap="1">
         <PopoverAnchor>{props.children}</PopoverAnchor>
-        <Tooltip label="Report" bg="red.500">
-          <PopoverTrigger>
-            <Box
-              as="button"
-              display="flex"
-              alignItems="center"
-              justifyContent="center"
-              borderRadius="full"
-              p="1"
-              _hover={{ bg: `${useColorModeValue("red.100", "#481A23")}` }}
-            >
-              <FiAlertCircle size="20" className="text-red-400" aria-hidden="true" />
-            </Box>
-          </PopoverTrigger>
+        <Tooltip label="Report" bg="red.500" aria-label="A tooltip">
+          <div>
+            <PopoverTrigger>
+              <Box as="button" display="flex" alignItems="center" justifyContent="center" borderRadius="full" p="1">
+                <FiAlertCircle size="20" className="text-red-400" aria-hidden="true" />
+              </Box>
+            </PopoverTrigger>
+          </div>
         </Tooltip>
       </Grid>