diff --git a/resources/js/Pages/System/Manual/Index.tsx b/resources/js/Pages/System/Manual/Index.tsx
index 35081aa..62a5da6 100644
--- a/resources/js/Pages/System/Manual/Index.tsx
+++ b/resources/js/Pages/System/Manual/Index.tsx
@@ -118,17 +118,19 @@ export default function ManualIndex({ toc, currentSlug, content }: Props) {
                     </div>
 
                     <div className="flex-1 overflow-y-auto bg-white" id="manual-content-scroll">
-                        <div className="max-w-4xl mx-auto p-8 md:p-16 lg:p-20">
+                        <div className="max-w-5xl mx-auto p-4 md:p-8 lg:p-12">
                             <article className="prose prose-slate max-w-none 
-                                prose-headings:text-slate-900 prose-headings:tracking-tight prose-headings:mt-6 prose-headings:mb-2
-                                prose-h1:text-3xl prose-h1:pb-3 prose-h1:border-b prose-h1:border-slate-100 prose-h1:mt-0
-                                prose-p:text-slate-600 prose-p:leading-7 prose-p:my-3
-                                prose-li:text-slate-600 prose-li:leading-7 prose-li:my-1
-                                prose-ul:my-3 prose-ol:my-3
+                                prose-headings:text-slate-900 prose-headings:tracking-tight prose-headings:mt-4 prose-headings:mb-1.5
+                                prose-h1:text-2xl prose-h1:pb-2 prose-h1:border-b prose-h1:border-slate-100 prose-h1:mt-0
+                                prose-h2:text-xl prose-h2:mt-5
+                                prose-p:text-slate-600 prose-p:leading-6 prose-p:my-1.5 prose-p:text-[15px]
+                                prose-li:text-slate-600 prose-li:leading-6 prose-li:my-0.5 prose-li:text-[15px]
+                                prose-ul:my-1.5 prose-ol:my-1.5
                                 prose-a:text-primary-main prose-a:no-underline hover:prose-a:underline
-                                prose-blockquote:border-l-4 prose-blockquote:border-primary-main prose-blockquote:bg-slate-50 prose-blockquote:my-4 prose-blockquote:py-1
-                                prose-img:rounded-xl prose-img:shadow-lg prose-img:my-6
-                                prose-code:text-primary-main prose-code:bg-primary-lightest prose-code:px-1 prose-code:rounded">
+                                prose-blockquote:border-l-4 prose-blockquote:border-primary-main prose-blockquote:bg-slate-50 prose-blockquote:my-2 prose-blockquote:py-0.5 prose-blockquote:px-4
+                                prose-img:rounded-lg prose-img:shadow-md prose-img:my-4
+                                prose-code:text-primary-main prose-code:bg-primary-lightest prose-code:px-1 prose-code:rounded prose-code:text-[13px]
+                                prose-pre:my-3 prose-pre:p-3 prose-pre:rounded-lg">
                                 <ReactMarkdown remarkPlugins={[remarkGfm]}>
                                     {content}
                                 </ReactMarkdown>