Fix long words and links causing horizontal overflow on mobile

geo-milev · Sep 25, 2023 · eca8316 · eca8316
1 parent 6cf5c7d
commit eca8316
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/lib/RichText.svelte b/src/lib/RichText.svelte
@@ -51,6 +51,12 @@
         color: var(--color)
     }
 
+    :global(.markup-content a, .markup-content p, .markup-content span) {
+        overflow-wrap: anywhere;
+        word-wrap: anywhere;
+		hyphens: auto;
+    }
+
     :global(.markup-content img) {
         object-fit: contain;
         width: 100%;