From 44cbca2d1683d1247e8583fafe3beb25cec92b52 Mon Sep 17 00:00:00 2001
From: Victor Trinh <victor.trinh@gsoft.com>
Date: Thu, 5 Dec 2024 15:35:18 -0500
Subject: [PATCH] Better examples of object fit

---
 .../src/Image/tests/chromatic/Image.stories.tsx        | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/components/src/Image/tests/chromatic/Image.stories.tsx b/packages/components/src/Image/tests/chromatic/Image.stories.tsx
index 185049682..dcd1ce332 100644
--- a/packages/components/src/Image/tests/chromatic/Image.stories.tsx
+++ b/packages/components/src/Image/tests/chromatic/Image.stories.tsx
@@ -85,19 +85,19 @@ export const Circular = {
 export const ObjectFit = {
     render: args => (
         <Inline>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="fill" {...args} />
             </Div>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="contain" {...args} />
             </Div>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="cover" {...args} />
             </Div>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="scale-down" {...args} />
             </Div>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="none" {...args} />
             </Div>
         </Inline>