From e7843069f73f62e7a15eb36a951202319aeade59 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 25 Dec 2025 21:01:25 +0000
Subject: [PATCH] fix: remove prose wrapper to allow docs.css styles to apply

- Removed prose prose-invert wrapper div that was overriding custom styles
- Removed nested text wrapper div
- ReactMarkdown now renders directly inside docs-content
- This allows .docs-content selectors to properly style h2, p, ul, etc.
- Fixes styling mismatch with mockup
---
 src/app/docs/[...slug]/page.tsx | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/app/docs/[...slug]/page.tsx b/src/app/docs/[...slug]/page.tsx
index 9cdcc82..1b35537 100644
--- a/src/app/docs/[...slug]/page.tsx
+++ b/src/app/docs/[...slug]/page.tsx
@@ -112,11 +112,9 @@ export default async function DocPage({ params }: PageProps) {
             )}
           </div>
 
-          <div className="prose prose-invert max-w-none">
-            <div className="text-[var(--text-secondary)] leading-relaxed">
-              <ReactMarkdown
-                remarkPlugins={[remarkGfm]}
-                components={{
+          <ReactMarkdown
+            remarkPlugins={[remarkGfm]}
+            components={{
                   code({ node, inline, className, children, ...props }: any) {
                     const match = /language-(\w+)/.exec(className || '');
                     const language = match ? match[1] : 'text';
@@ -147,13 +145,11 @@ export default async function DocPage({ params }: PageProps) {
                   ul: ({ node, ...props }: any) => <ul {...props} />,
                   ol: ({ node, ...props }: any) => <ol {...props} />,
                   li: ({ node, ...props }: any) => <li {...props} />,
-                  a: ({ node, ...props }: any) => <a {...props} />,
-                }}
-              >
-                {body}
-              </ReactMarkdown>
-            </div>
-          </div>
+              a: ({ node, ...props }: any) => <a {...props} />,
+            }}
+          >
+            {body}
+          </ReactMarkdown>
 
           {/* Navigation Footer */}
           <NavigationFooter prev={prev} next={next} />