From 73666fcdf8c97d954c6ca308f1efe2a48c8f680f Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 24 Jun 2026 08:04:10 +0000
Subject: [PATCH] Fix page overflow from non-wrapping inline code

Inline <code> elements with a single long unbroken string forced
horizontal overflow, breaking the page layout. Override the Fumadocs
preset so inline code wraps (white-space: normal + overflow-wrap),
without affecting fenced code blocks inside <pre>.
---
 app/global.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/global.css b/app/global.css
index dbcc721..90f2f8d 100644
--- a/app/global.css
+++ b/app/global.css
@@ -1,3 +1,10 @@
 @import "tailwindcss";
 @import "fumadocs-ui/css/neutral.css";
 @import "fumadocs-ui/css/preset.css";
+
+/* Allow long inline code to wrap instead of overflowing the page layout */
+:not(pre) > code {
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}