diff --git a/__tests__/__snapshots__/storyshots.test.js.snap b/__tests__/__snapshots__/storyshots.test.js.snap
index 1b02030f4..218853ade 100644
--- a/__tests__/__snapshots__/storyshots.test.js.snap
+++ b/__tests__/__snapshots__/storyshots.test.js.snap
@@ -10847,6 +10847,7 @@ exports[`Storyshots Components/HighlightMarkdown Basic 1`] = `
         "marginBlock": 20,
         "marginBottom": 0,
         "padding": "20px 20px 0 20px",
+        "wordBreak": "break-all",
       }
     }
   >
@@ -10936,6 +10937,7 @@ exports[`Storyshots Components/HighlightMarkdown With Language 1`] = `
         "marginBlock": 20,
         "marginBottom": 0,
         "padding": "20px 20px 0 20px",
+        "wordBreak": "break-all",
       }
     }
   >
@@ -31228,6 +31230,7 @@ exports[`Storyshots mdx/Codeblock  Component 1`] = `
       "marginBlock": 20,
       "marginBottom": 0,
       "padding": "20px 20px 0 20px",
+      "wordBreak": "break-all",
     }
   }
 >
diff --git a/__tests__/pages/curriculum/__snapshots__/[lessonSlug].test.js.snap b/__tests__/pages/curriculum/__snapshots__/[lessonSlug].test.js.snap
index a6ab81436..b8ef5bbc5 100644
--- a/__tests__/pages/curriculum/__snapshots__/[lessonSlug].test.js.snap
+++ b/__tests__/pages/curriculum/__snapshots__/[lessonSlug].test.js.snap
@@ -459,7 +459,7 @@ exports[`Lesson Page Should correctly render challenges page for students who ha
                       </p>
                       <pre
                         class="prism-code language-"
-                        style="color: rgb(36, 41, 46); background-color: rgb(247, 246, 243); padding: 20px 20px 0px 20px; margin-bottom: 0px; font-size: 14px; border-radius: 4px; margin-block: 20px;"
+                        style="color: rgb(36, 41, 46); background-color: rgb(247, 246, 243); padding: 20px 20px 0px 20px; margin-bottom: 0px; font-size: 14px; border-radius: 4px; margin-block: 20px; word-break: break-all;"
                       >
                         <div
                           class="token-line"
@@ -1188,7 +1188,7 @@ exports[`Lesson Page Should render correctly with valid lesson route 1`] = `
                       </p>
                       <pre
                         class="prism-code language-"
-                        style="color: rgb(36, 41, 46); background-color: rgb(247, 246, 243); padding: 20px 20px 0px 20px; margin-bottom: 0px; font-size: 14px; border-radius: 4px; margin-block: 20px;"
+                        style="color: rgb(36, 41, 46); background-color: rgb(247, 246, 243); padding: 20px 20px 0px 20px; margin-bottom: 0px; font-size: 14px; border-radius: 4px; margin-block: 20px; word-break: break-all;"
                       >
                         <div
                           class="token-line"