From a6cc4a8cc8541d60f6c8e9e82e24badec1bb18c7 Mon Sep 17 00:00:00 2001
From: Robert Snow <snowystinger@gmail.com>
Date: Fri, 10 Oct 2025 10:41:37 +1100
Subject: [PATCH] fix: S2 docs Skeleton page

---
 packages/dev/s2-docs/pages/s2/Skeleton.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dev/s2-docs/pages/s2/Skeleton.mdx b/packages/dev/s2-docs/pages/s2/Skeleton.mdx
index becbeda279e..2f20dcbcde1 100644
--- a/packages/dev/s2-docs/pages/s2/Skeleton.mdx
+++ b/packages/dev/s2-docs/pages/s2/Skeleton.mdx
@@ -22,7 +22,7 @@ import Select from '@react-spectrum/s2/icons/Select';
       src={preview}
       width={1600}
       height={1200}
-      styles={style({height: 160, borderRadius: 'default', flexShrink: 0})} />
+      styles={style({height: 160, borderRadius: 'default', flexShrink: 0, aspectRatio: '4 / 3'})} />
     <div className={style({display: 'flex', flexDirection: 'column', gap: 16})}>
       <Text styles={style({font: 'heading-lg'})}>Placeholder title</Text>
       <Text styles={style({font: 'body'})}>This is placeholder content approximating the length of the real content to avoid layout shifting when the real content appears.</Text>