diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index e7f412d2b..d26b9c2f0 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -22,6 +22,24 @@
 
 /* Responsive tweaks: ensure header, images, tables and code blocks behave well on small screens */
 
+/* Global text wrapping to prevent long words/URLs from overflowing */
+.md-typeset,
+.md-content {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+/* Headings should wrap on small screens instead of overflowing */
+.md-typeset h1,
+.md-typeset h2,
+.md-typeset h3,
+.md-typeset h4,
+.md-typeset h5,
+.md-typeset h6 {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
 /* Make images scale down to container */
 .md-typeset img,
 .md-content img {
@@ -43,6 +61,12 @@
   overflow-x: auto;
 }
 
+/* Inline code should also wrap to avoid pushing layout */
+.md-typeset code:not(pre code) {
+  white-space: break-spaces;
+  word-break: break-word;
+}
+
 /* General container/content spacing adjustments for smaller screens */
 .md-main, .md-content {
   padding-left: 1rem;
@@ -312,7 +336,6 @@
   }
 }
 
-\
 .md-footer-meta__inner.md-grid {
   display: flex !important;
   flex-direction: column !important;
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index e1e1ddd5f..ab218ecaf 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -14476,20 +14476,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/yaml": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
-      "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
-      "license": "ISC",
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "yaml": "bin.mjs"
-      },
-      "engines": {
-        "node": ">= 14.6"
-      }
-    },
     "node_modules/yargs": {
       "version": "17.7.2",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",