From 64574f9cc183f915f17e63dbf32037a411ee2e22 Mon Sep 17 00:00:00 2001
From: Sem Bauke <semboot699@gmail.com>
Date: Tue, 17 Sep 2024 15:55:25 +0200
Subject: [PATCH] fix: inlining code examples in upper jaw (#56119)

---
 client/src/components/layouts/global.css           | 4 ++--
 client/src/templates/Challenges/classic/editor.css | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

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;