fix overflow issue on hover on interactive body diagram (#372)

uoa-compsci399-s1-2024 · Jun 1, 2024 · 5e1916c · 5e1916c
2 parents ff506b4 + 5436148
commit 5e1916c
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/frontend/app/(content)/health/InteractiveBodyDiagram.tsx b/frontend/app/(content)/health/InteractiveBodyDiagram.tsx
@@ -12,7 +12,7 @@ export default function InteractiveBodyDiagram() {
 
     return (
         <div>
-            <div className={`h-96 w-fit opacity-gradient relative group`}>
+            <div className={`h-96 w-fit opacity-gradient relative group overflow-hidden`}>
                 <p className={`absolute group-hover:opacity-0 ${selectedBodyPart ? "opacity-0" : ""} transition-all`}>
                     Hover on me!
                 </p>