From 0190c19411864d48096475efc619cda92f1baf0f Mon Sep 17 00:00:00 2001
From: Patrick Franz <patrick@patrickfranz.com>
Date: Mon, 22 Mar 2021 21:53:57 -0700
Subject: [PATCH] fix(client): code blocks overflowing parents (#41438)

---
 client/src/components/layouts/global.css       | 1 +
 client/src/components/layouts/prism.css        | 4 ++++
 client/src/templates/Challenges/video/show.css | 1 +
 3 files changed, 6 insertions(+)

diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index 011a6c4fdc..2712ff5679 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -388,6 +388,7 @@ code {
   color: var(--tertiary-color);
   border-radius: 0px;
   font-family: 'Roboto Mono', monospace;
+  overflow-wrap: anywhere;
 }
 
 .panel {
diff --git a/client/src/components/layouts/prism.css b/client/src/components/layouts/prism.css
index 91590f678f..289e3069a5 100644
--- a/client/src/components/layouts/prism.css
+++ b/client/src/components/layouts/prism.css
@@ -7,6 +7,10 @@ pre[class*='language-'] {
   background: var(--primary-background);
 }
 
+pre[class*='language'] code[class*='language-'] {
+  white-space: nowrap;
+}
+
 * {
   text-shadow: none !important;
 }
diff --git a/client/src/templates/Challenges/video/show.css b/client/src/templates/Challenges/video/show.css
index 3c1cabbec4..a0d88e7566 100644
--- a/client/src/templates/Challenges/video/show.css
+++ b/client/src/templates/Challenges/video/show.css
@@ -37,6 +37,7 @@
 .video-quiz-options > label {
   margin: 0;
   align-items: center;
+  overflow-x: scroll;
 }
 
 .video-quiz-option-label {