From 4202ddc0356d23052dbb8e6ebf666988796b86e6 Mon Sep 17 00:00:00 2001
From: Antoine BERNIER <antoine.bernier@gmail.com>
Date: Sat, 31 Aug 2024 23:02:58 +0200
Subject: [PATCH] fix: csb aspect

---
 src/components/mdx/Codesandbox/Codesandbox.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/mdx/Codesandbox/Codesandbox.tsx b/src/components/mdx/Codesandbox/Codesandbox.tsx
index 66c45cf0..a1e626bd 100644
--- a/src/components/mdx/Codesandbox/Codesandbox.tsx
+++ b/src/components/mdx/Codesandbox/Codesandbox.tsx
@@ -40,7 +40,15 @@ export function Codesandbox({
           rel="noreferrer"
           className="mb-2 block"
         >
-          {screenshot_url && <Img src={screenshot_url} alt={title} width={1763} height={926} />}
+          {screenshot_url && (
+            <Img
+              src={screenshot_url}
+              alt={title}
+              width={1763}
+              height={926}
+              className="aspect-[16/9] object-cover"
+            />
+          )}
         </a>
       )}