diff --git a/packages/akiradocs/src/components/layout/Navigation.tsx b/packages/akiradocs/src/components/layout/Navigation.tsx
index e2cac5f..51df40c 100644
--- a/packages/akiradocs/src/components/layout/Navigation.tsx
+++ b/packages/akiradocs/src/components/layout/Navigation.tsx
@@ -33,7 +33,7 @@ export function Navigation({ locale, items }: NavigationProps) {
   
   return (
     <ErrorBoundary FallbackComponent={ErrorFallback}>
-      <aside className="w-64 bg-sidebar-background/50 text-sidebar-foreground border-r border-border/40 h-[calc(100vh-4rem)] sticky top-16 backdrop-blur-sm overflow-hidden">
+      <aside className="w-[20%] bg-sidebar-background/50 text-sidebar-foreground border-r border-border/40 h-[calc(100vh-4rem)] sticky top-16 backdrop-blur-sm overflow-hidden">
         <ScrollArea className="h-full py-6 px-4">
           <nav className="space-y-2">
             {Object.entries(items)
@@ -161,7 +161,7 @@ export async function ApiSidebar() {
   
   return (
     <ErrorBoundary FallbackComponent={ErrorFallback}>
-      <aside className="w-64 bg-sidebar-background text-sidebar-foreground border-r h-[calc(100vh-4rem)] sticky top-16 shadow-sm">
+      <aside className="w-[20%] bg-sidebar-background text-sidebar-foreground border-r h-[calc(100vh-4rem)] sticky top-16 shadow-sm">
         <ScrollArea className="h-full py-6 px-4">
           <nav className="space-y-2">
             {navigation.map((item, index) => (
diff --git a/packages/create-app/package.json b/packages/create-app/package.json
index 9f8a964..218445b 100644
--- a/packages/create-app/package.json
+++ b/packages/create-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-akiradocs",
-  "version": "1.0.53",
+  "version": "1.0.54",
   "description": "Create Akira Docs documentation sites with one command",
   "main": "./dist/index.js",
   "type": "module",