From e7651c088b2a65ae1d8936b3635f540a68e4155f Mon Sep 17 00:00:00 2001
From: M Fikri A <fikzzzy@gmail.com>
Date: Thu, 2 Dec 2021 09:51:38 +0700
Subject: [PATCH] wrap code

---
 src/components/Editor/MarkdownEditor/style.scss                | 1 +
 .../challenge-detail/Specification/styles.module.scss          | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Editor/MarkdownEditor/style.scss b/src/components/Editor/MarkdownEditor/style.scss
index 63b91b0..6f3e02c 100644
--- a/src/components/Editor/MarkdownEditor/style.scss
+++ b/src/components/Editor/MarkdownEditor/style.scss
@@ -18,6 +18,7 @@
     display: block;
     font-family: "Roboto Mono", monospace;
     padding: 15px 20px;
+    white-space: pre-wrap;
 
     &:global.inline {
       background: $tc-gray-10;
diff --git a/src/components/challenge-detail/Specification/styles.module.scss b/src/components/challenge-detail/Specification/styles.module.scss
index 9c4195a..4a5a89a 100644
--- a/src/components/challenge-detail/Specification/styles.module.scss
+++ b/src/components/challenge-detail/Specification/styles.module.scss
@@ -141,6 +141,7 @@ $tc-link-visited: #0c4e98;
     margin: (2 * $base-unit) 0 (3 * $base-unit);
     padding: 3 * $base-unit;
     display: block;
+    white-space: pre-wrap;
   }
 
   pre {
@@ -374,7 +375,7 @@ $tc-link-visited: #0c4e98;
     }
 
     code {
-      white-space: pre;
+      white-space: pre-wrap;
       margin: 10px 0 15px;
       background: $tc-gray-neutral-light;
       border: 1px solid silver;