From a642732c594746cdd3d802498e01911b6e8d5d2d Mon Sep 17 00:00:00 2001
From: Tanish Manku <-h>
Date: Sat, 22 Mar 2025 00:02:21 -0700
Subject: [PATCH] Clip overflow to have top rounded corners on image

---
 .../src/GenerationRootComponent/GenerationRootComponent.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/realtime/src/GenerationRootComponent/GenerationRootComponent.tsx b/frontend/realtime/src/GenerationRootComponent/GenerationRootComponent.tsx
index 325e2f861d..316cece7dc 100644
--- a/frontend/realtime/src/GenerationRootComponent/GenerationRootComponent.tsx
+++ b/frontend/realtime/src/GenerationRootComponent/GenerationRootComponent.tsx
@@ -200,7 +200,7 @@ const GenerationContent = (generationState: {
   return (
     <>
       <div className="absolute inset-0 flex h-full w-full flex-col items-center justify-center">
-        <div className="aspect-[1/1] w-[min(80vw,68vh)] rounded-t-lg bg-[#29292D]/60">
+        <div className="aspect-[1/1] w-[min(80vw,68vh)] overflow-clip rounded-t-lg bg-[#29292D]/60">
           {imgBoxContent}
         </div>
         <div className="mb-16 flex w-[min(80vw,68vh)] rounded-b-lg bg-[#29292D]">