From 50e3d92b92051e10d96518dac2e0681c6a99ec92 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Mon, 30 Jun 2025 23:35:37 +0200
Subject: [PATCH] style: set aspect ratio to 16:9 for the asset containers in
 the media panel

---
 apps/web/src/components/editor/media-panel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/editor/media-panel.tsx b/apps/web/src/components/editor/media-panel.tsx
index dd12faf..abbd3e5 100644
--- a/apps/web/src/components/editor/media-panel.tsx
+++ b/apps/web/src/components/editor/media-panel.tsx
@@ -134,7 +134,7 @@ export function MediaPanel() {
         <img
           src={item.url}
           alt={item.name}
-          className="w-full h-full object-cover rounded cursor-grab active:cursor-grabbing"
+          className="w-full h-full object-contain rounded cursor-grab active:cursor-grabbing"
           loading="lazy"
           {...baseDragProps}
         />
@@ -298,7 +298,7 @@ export function MediaPanel() {
                     variant="outline"
                     className="flex flex-col gap-2 p-2 h-auto w-full relative"
                   >
-                    <AspectRatio ratio={item.aspectRatio}>
+                    <AspectRatio ratio={16 / 9} className="bg-accent">
                       {renderPreview(item)}
                     </AspectRatio>
                     <span