From d31caf37ab60e133ad932d13afbeafc82f1d2032 Mon Sep 17 00:00:00 2001
From: TheodorTomas <theodortomas@gmail.com>
Date: Fri, 6 Feb 2026 17:31:35 +0800
Subject: [PATCH] fix: prevent StylingSection background from overflowing
 rounded border

---
 apps/web/modules/ui/components/styling-fields/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/modules/ui/components/styling-fields/index.tsx b/apps/web/modules/ui/components/styling-fields/index.tsx
index 99502b6a03..14fd6624cc 100644
--- a/apps/web/modules/ui/components/styling-fields/index.tsx
+++ b/apps/web/modules/ui/components/styling-fields/index.tsx
@@ -20,7 +20,7 @@ export const StylingSection = ({ title, open, setOpen, children }: StylingSectio
   const [parent] = useAutoAnimate();
 
   return (
-    <div ref={parent} className="rounded-md border">
+    <div ref={parent} className="overflow-hidden rounded-md border">
       <button
         type="button"
         onClick={() => setOpen(!open)}