diff --git a/src/components/sections/hero/HeroSplit.tsx b/src/components/sections/hero/HeroSplit.tsx
index a438124..6b49712 100644
--- a/src/components/sections/hero/HeroSplit.tsx
+++ b/src/components/sections/hero/HeroSplit.tsx
@@ -129,7 +129,7 @@ const HeroSplit = ({
       style={{ backgroundImage: 'url(https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80)', backgroundSize: 'cover', backgroundPosition: 'center' }}
     >
       <HeroBackgrounds {...background} />
-      <div className={cls("w-content-width mx-auto flex flex-col md:flex-row gap-13 md:gap-15 items-center relative z-10", containerClassName)}>
+      <div className={cls("w-content-width mx-auto flex flex-col md:flex-row gap-13 md:gap-15 items-center relative z-10 rounded-2xl", containerClassName)}>
         {imagePosition === "left" && mediaContent}
 
         <div className={cls("w-full md:w-1/2")}>