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}
     </>