From c9ea23919ec937d109bb4e743aa7da55ebdbd209 Mon Sep 17 00:00:00 2001
From: Steven H <steven@gitbook.io>
Date: Thu, 13 Mar 2025 14:23:50 +0000
Subject: [PATCH] Fix an issue where iframe aspect ratio was not respected.
 (#2979)

---
 .changeset/weak-onions-tickle.md                  |  5 +++++
 packages/react-contentkit/src/ElementWebframe.tsx | 10 ++--------
 2 files changed, 7 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/weak-onions-tickle.md

diff --git a/.changeset/weak-onions-tickle.md b/.changeset/weak-onions-tickle.md
new file mode 100644
index 000000000..893029fc5
--- /dev/null
+++ b/.changeset/weak-onions-tickle.md
@@ -0,0 +1,5 @@
+---
+"@gitbook/react-contentkit": patch
+---
+
+Fix an issue where iframe aspect ratio was not respected.
diff --git a/packages/react-contentkit/src/ElementWebframe.tsx b/packages/react-contentkit/src/ElementWebframe.tsx
index 93e26ecf4..fbbee7a85 100644
--- a/packages/react-contentkit/src/ElementWebframe.tsx
+++ b/packages/react-contentkit/src/ElementWebframe.tsx
@@ -176,15 +176,9 @@ export function ElementWebframe(props: ContentKitClientElementProps<ContentKitWe
             allow="clipboard-write"
             className="contentkit-webframe"
             style={{
-                // If given an aspect ratio, use width as auto dimension and let height take precedence.
-                ...(aspectRatio
-                    ? {
-                          width: 'auto',
-                          aspectRatio,
-                      }
-                    : { width: '100%' }),
-
+                width: '100%',
                 maxWidth: '100%',
+                aspectRatio,
                 height: size.height ? Math.max(size.height, 32) : '100%',
                 border: 'none',
             }}