From c6ccd74facfbedbb25e180db9fdf6fc612097cb7 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Wed, 13 Mar 2024 16:32:29 +0800
Subject: [PATCH] SQl editor wrap errors instead of overflow scroll (#21987)

---
 .../interfaces/SQLEditor/UtilityPanel/UtilityTabResults.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityTabResults.tsx b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityTabResults.tsx
index 0aba251dc3e..caad3ab674e 100644
--- a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityTabResults.tsx
+++ b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityTabResults.tsx
@@ -104,10 +104,10 @@ const UtilityTabResults = ({ id, isExecuting }: UtilityTabResultsProps) => {
               </p>
             </div>
           ) : (
-            <div className="overflow-x-auto">
+            <div className="">
               {formattedError.length > 0 ? (
                 formattedError.map((x: string, i: number) => (
-                  <pre key={`error-${i}`} className="font-mono text-sm">
+                  <pre key={`error-${i}`} className="font-mono text-sm text-wrap">
                     {x}
                   </pre>
                 ))