From 1baf22a421b04d868d92e6cdb418205c3c67c8f1 Mon Sep 17 00:00:00 2001
From: Lauren Tan <poteto@users.noreply.github.com>
Date: Wed, 1 Feb 2023 14:14:45 -0500
Subject: [PATCH] [playground] Fix error wrapping for realsies

CSS is hard (jk i'm just terrible at it now)
---
 .../packages/playground/components/Editor/Output.tsx   | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/compiler/forget/packages/playground/components/Editor/Output.tsx b/compiler/forget/packages/playground/components/Editor/Output.tsx
index 27d2510d66..24b154eddd 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>
-          <code
-            className="p-4 basis-full text-red-600 overflow-x-hidden"
-            style={{ maxHeight: "20vh" }}
+          <pre
+            className="p-4 basis-full text-red-600 overflow-y-scroll whitespace-pre-wrap"
+            style={{ width: "calc(100vw - 650px)", maxHeight: "20vh" }}
           >
-            {compilerOutput.error.toString()}
-          </code>
+            <code>{compilerOutput.error.toString()}</code>
+          </pre>
         </div>
       ) : null}
     </>