diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index eaa210950e5..33abb5aa0bf 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -672,9 +672,9 @@ pre code {
   text-align: justify;
 }
 
-/* Port from Bootstrap as the Col component from @freecodecamp/ui 
+/* Port from Bootstrap as the Col component from @freecodecamp/ui
    doesn't fully support the xs-8 + xs-4 layout.
-   TODO: Remove these and replace the classes with Col 
+   TODO: Remove these and replace the classes with Col
    once https://github.com/freeCodeCamp/ui/issues/162 is resolved. */
 .col-xs-8,
 .col-xs-4 {
diff --git a/client/src/templates/Challenges/classic/editor.css b/client/src/templates/Challenges/classic/editor.css
index 3011ff48e46..f2b0f117c37 100644
--- a/client/src/templates/Challenges/classic/editor.css
+++ b/client/src/templates/Challenges/classic/editor.css
@@ -269,6 +269,10 @@ textarea.inputarea {
   cursor: pointer;
 }
 
+.editor-upper-jaw pre code {
+  white-space: pre;
+}
+
 /* overwriting default arrow styles for accessibility */
 :root {
   --monaco-scrollbar-arrow-box-size: 0;