From f53318d0ba2b72335236d0b658016eb284dad710 Mon Sep 17 00:00:00 2001
From: Lauren Tan <poteto@users.noreply.github.com>
Date: Wed, 1 Feb 2023 13:17:04 -0500
Subject: [PATCH] [playground] Fix errors not wrapping

---
 .../forget/packages/playground/components/Editor/Output.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/compiler/forget/packages/playground/components/Editor/Output.tsx b/compiler/forget/packages/playground/components/Editor/Output.tsx
index 94b252927b..27d2510d66 100644
--- a/compiler/forget/packages/playground/components/Editor/Output.tsx
+++ b/compiler/forget/packages/playground/components/Editor/Output.tsx
@@ -193,12 +193,12 @@ function Output({ store, compilerOutput }: Props) {
           <div className="w-full p-4 basis-full border-b">
             <h2>COMPILER ERRORS</h2>
           </div>
-          <pre
+          <code
             className="p-4 basis-full text-red-600 overflow-x-hidden"
             style={{ maxHeight: "20vh" }}
           >
             {compilerOutput.error.toString()}
-          </pre>
+          </code>
         </div>
       ) : null}
     </>