diff --git a/apps/admin/src/components/page-builder/BannerForm.tsx b/apps/admin/src/components/page-builder/BannerForm.tsx
index fc54799..6574d70 100644
--- a/apps/admin/src/components/page-builder/BannerForm.tsx
+++ b/apps/admin/src/components/page-builder/BannerForm.tsx
@@ -25,7 +25,7 @@ export default function BannerForm({
       <div className="md:col-span-2 space-y-2">
         <label className="text-[10px] uppercase font-bold tracking-widest text-slate-400">Banner Image</label>
         <div
-          className="relative aspect-video rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+          className="relative h-40 w-full rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
           onClick={() => {
             setUploadTarget({ type: 'main' });
             setIsMediaModalOpen(true);
diff --git a/apps/admin/src/components/page-builder/EditorialCarouselForm.tsx b/apps/admin/src/components/page-builder/EditorialCarouselForm.tsx
index b71d0ec..a5b25a4 100644
--- a/apps/admin/src/components/page-builder/EditorialCarouselForm.tsx
+++ b/apps/admin/src/components/page-builder/EditorialCarouselForm.tsx
@@ -97,7 +97,7 @@ export default function EditorialCarouselForm({
                 <div className="space-y-2">
                   <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500">Slide Image</label>
                   <div
-                    className="relative aspect-video rounded-xl overflow-hidden border border-white/10 bg-night-950/30 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+                    className="relative h-40 w-full rounded-xl overflow-hidden border border-white/10 bg-night-950/30 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
                     onClick={() => {
                       setUploadTarget({ type: 'slide', index: idx });
                       setIsMediaModalOpen(true);
diff --git a/apps/admin/src/components/page-builder/EditorialTileForm.tsx b/apps/admin/src/components/page-builder/EditorialTileForm.tsx
index 08ad328..d084d15 100644
--- a/apps/admin/src/components/page-builder/EditorialTileForm.tsx
+++ b/apps/admin/src/components/page-builder/EditorialTileForm.tsx
@@ -28,7 +28,7 @@ export default function EditorialTileForm({
       <div className="space-y-2">
         <label className="text-[10px] uppercase font-bold tracking-widest text-slate-400">Editorial Image</label>
         <div
-          className="relative aspect-video rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+          className="relative h-40 w-full rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
           onClick={() => {
             setUploadTarget({ type: 'main' });
             setIsMediaModalOpen(true);
diff --git a/apps/admin/src/components/page-builder/HeroArticleForm.tsx b/apps/admin/src/components/page-builder/HeroArticleForm.tsx
index 6691c2b..d3505bd 100644
--- a/apps/admin/src/components/page-builder/HeroArticleForm.tsx
+++ b/apps/admin/src/components/page-builder/HeroArticleForm.tsx
@@ -27,7 +27,7 @@ export default function HeroArticleForm({
       <div className="md:col-span-2 space-y-2">
         <label className="text-[10px] uppercase font-bold tracking-widest text-slate-400">Article Hero Image</label>
         <div
-          className="relative aspect-video rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+          className="relative h-40 w-full rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
           onClick={() => {
             setUploadTarget({ type: 'main' });
             setIsMediaModalOpen(true);
diff --git a/apps/admin/src/components/page-builder/HeroForm.tsx b/apps/admin/src/components/page-builder/HeroForm.tsx
index 7ebe1f2..626ec6d 100644
--- a/apps/admin/src/components/page-builder/HeroForm.tsx
+++ b/apps/admin/src/components/page-builder/HeroForm.tsx
@@ -25,7 +25,7 @@ export default function HeroForm({
       <div className="md:col-span-2 space-y-2">
         <label className="text-[10px] uppercase font-bold tracking-widest text-slate-400">Background Image</label>
         <div
-          className="relative aspect-video rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+          className="relative h-40 w-full rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
           onClick={() => {
             setUploadTarget({ type: 'main' });
             setIsMediaModalOpen(true);