diff --git a/apps/desktop/layer/renderer/src/modules/entry-content/components/layouts/ArticleLayout.tsx b/apps/desktop/layer/renderer/src/modules/entry-content/components/layouts/ArticleLayout.tsx
index 755f69d59..696dc59e3 100644
--- a/apps/desktop/layer/renderer/src/modules/entry-content/components/layouts/ArticleLayout.tsx
+++ b/apps/desktop/layer/renderer/src/modules/entry-content/components/layouts/ArticleLayout.tsx
@@ -157,7 +157,7 @@ const Renderer: React.FC<{
       noMedia={noMedia}
       accessory={contentAccessories}
       as="article"
-      className="prose dark:prose-invert prose-h1:text-[1.6em] prose-h1:font-bold !max-w-full hyphens-auto"
+      className="prose dark:prose-invert prose-h1:text-[1.6em] prose-h1:font-bold !max-w-full hyphens-auto [text-autospace:auto]"
       style={stableRenderStyle}
       renderInlineStyle={readerRenderInlineStyle}
     >
diff --git a/apps/mobile/web-app/html-renderer/src/HTML.tsx b/apps/mobile/web-app/html-renderer/src/HTML.tsx
index 104fe0ab3..d2a67b83c 100644
--- a/apps/mobile/web-app/html-renderer/src/HTML.tsx
+++ b/apps/mobile/web-app/html-renderer/src/HTML.tsx
@@ -66,7 +66,7 @@ export const HTML = <A extends keyof React.JSX.IntrinsicElements = "div">(props:
           {
             ...rest,
             ref: setRefElement,
-            className: clsx("prose mx-auto px-5 pb-8", "dark:prose-invert"),
+            className: clsx("prose mx-auto px-5 pb-8 [text-autospace:auto]", "dark:prose-invert"),
           },
           markdownElement,
         )}