From 543614818e3e2a8e92d16993fb3981054b082dd1 Mon Sep 17 00:00:00 2001
From: Arnav <arnard76@gmail.com>
Date: Sat, 1 Jun 2024 18:29:12 +1200
Subject: [PATCH] fix overflow issue on hover on interactive body diagram

---
 frontend/app/(content)/health/InteractiveBodyDiagram.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/app/(content)/health/InteractiveBodyDiagram.tsx b/frontend/app/(content)/health/InteractiveBodyDiagram.tsx
index 7fd500cf..872aa6f1 100644
--- 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>