From f29d1e2f16b4fbc8ce1c3d7e3a4fbcedd98ae196 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Greg=20Berg=C3=A9?= <berge.greg@gmail.com>
Date: Tue, 5 May 2026 14:50:24 +0200
Subject: [PATCH] Round images when site customization border style is rounded
 (#4237)

---
 packages/gitbook/src/components/DocumentView/Images.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/gitbook/src/components/DocumentView/Images.tsx b/packages/gitbook/src/components/DocumentView/Images.tsx
index 4eebf7250..e7055e09c 100644
--- a/packages/gitbook/src/components/DocumentView/Images.tsx
+++ b/packages/gitbook/src/components/DocumentView/Images.tsx
@@ -122,7 +122,11 @@ async function ImageBlock(props: {
                         width: getImageDimension(block.data.width, undefined),
                         height: getImageDimension(block.data.height, 'auto'),
                     }}
-                    style={withFrame ? 'rounded-xl' : undefined}
+                    style={
+                        withFrame
+                            ? 'rounded-xl'
+                            : 'circular-corners:rounded-2xl rounded-corners:rounded-sm'
+                    }
                 />
             </Caption>
         </div>