From 2eddfa12f0268b82045eed55ef198d071a548c8a Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Sat, 1 Jun 2024 19:24:53 +0900
Subject: [PATCH] fix: make DocsLayout responsive to client width

---
 packages/react/src/DocsLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/DocsLayout.tsx b/packages/react/src/DocsLayout.tsx
index 22cc52f..40fc521 100644
--- a/packages/react/src/DocsLayout.tsx
+++ b/packages/react/src/DocsLayout.tsx
@@ -36,7 +36,7 @@ function DocsLayout() {
     <div className="flex-grow grid grid-cols-1 md:grid-cols-[12rem_1fr] w-full max-w-5xl mx-auto">
       <SideNav />
       <div className="w-full flex flex-col items-center">
-        <main className="w-full prose-sm prose p-8 dark:prose-invert">
+        <main className="w-full prose-sm prose lg:prose-lg p-8 dark:prose-invert">
           <Outlet />
         </main>
       </div>