From 6564b8a0ec0b69905b23d6be2321c3a950d5cc2c Mon Sep 17 00:00:00 2001
From: Andrey Yamanov <tenphi@gmail.com>
Date: Thu, 16 Feb 2023 17:25:53 +0100
Subject: [PATCH] fix(cubejs-playground): error overflow

---
 .../cubejs-playground/src/components/Error/FatalError.tsx   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/cubejs-playground/src/components/Error/FatalError.tsx b/packages/cubejs-playground/src/components/Error/FatalError.tsx
index 18a9424cdd803..aa76de896b3e8 100644
--- a/packages/cubejs-playground/src/components/Error/FatalError.tsx
+++ b/packages/cubejs-playground/src/components/Error/FatalError.tsx
@@ -12,6 +12,8 @@ export const Code = styled.pre`
   font-size: 13px;
   white-space: pre-wrap;
   margin: 0;
+  max-width: 100%;
+  overflow: auto;
 `;
 
 type CubeError = Error & {
@@ -27,11 +29,11 @@ type FatalErrorProps = {
 
 export function FatalError({ error, stack }: FatalErrorProps) {
   const [visible, setVisible] = useState(false);
-  
+
   const ansiHtmlError = useMemo(() => {
     return generateAnsiHTML(error.toString()).replace(/(Error:\s)/g, '');
   }, [error])
-  
+
   const errorStack = stack || (typeof error !== 'string' ? error.response?.stack  : null);
 
   return (