diff --git a/docs/docs/example/Layout.tsx b/docs/docs/example/Layout.tsx
index a125b7a79e20bc83d24aa0f1e54b105d516e75e9..25c74713af283fd66f3357acb39a1d3373c9240b 100644
--- a/docs/docs/example/Layout.tsx
+++ b/docs/docs/example/Layout.tsx
@@ -5,7 +5,7 @@ const Layout: FC<{
   children: React.ReactNode;
 }> = ({ children }) => {
   return (
-    <div className="w-full px-6 py-4">
+    <div className="w-full h-[90vh] px-6 py-4">
       <header className="flex justify-between items-center">
         <h1 className="text-xl font-bold">在线尝试🥳</h1>
       </header>
diff --git a/docs/theme/styles.css b/docs/theme/styles.css
index 7df7f4e30a173c4795cce3c963b1d2f80e60656f..1a873fe22305ba4018927d8af6ae014d4a81e693 100644
--- a/docs/theme/styles.css
+++ b/docs/theme/styles.css
@@ -12,6 +12,7 @@
 
 .rspress-playground-horizontal {
   min-height: 600px !important;
+  height: 90% !important;
 }
 .rspress-playground-horizontal > .rspress-playground-runner {
   width: 60% !important;