From 87802b0698a2bd08b69045a39d53733274ce8347 Mon Sep 17 00:00:00 2001
From: Sarkis Kovlekjian <83559262+kenshanta@users.noreply.github.com>
Date: Fri, 25 Oct 2024 21:03:05 +0200
Subject: [PATCH] core: Fix responsivity issue #802  (#1329)

Enabling responsive design on smaller screens by adding the `word-break`
CSS property.


## References
  Fixes #802
---
 src/mdx/components.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/mdx/components.js b/src/mdx/components.js
index 7c93e40bcdd..f9bce4ef9d1 100644
--- a/src/mdx/components.js
+++ b/src/mdx/components.js
@@ -179,7 +179,7 @@ export const UnorderedList = styled.ul`
   }
 
   li {
-    word-wrap: break-all;
+    word-break: break-all;
   }
 
   li > p {