From 969daf7d6b0a754430cd68875b7ecfb586c74bd1 Mon Sep 17 00:00:00 2001
From: Jithen Shriyan <shriyanjithen@gmail.com>
Date: Thu, 11 Jan 2024 23:49:44 -0500
Subject: [PATCH] [feat] add overflow scroll with fixed max accordion height

Signed-off-by: Jithen Shriyan <shriyanjithen@gmail.com>
---
 packages/core-components/src/layout/ErrorPage/ErrorPage.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx b/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx
index 9bbf600aee..9b10067fa6 100644
--- a/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx
+++ b/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx
@@ -60,7 +60,9 @@ const useStyles = makeStyles(
         marginBottom: theme.spacing(4),
       },
     },
-    text: {
+    stackTraceText: {
+      maxHeight: '30vh',
+      overflow: 'scroll',
       fontFamily: 'monospace',
       whiteSpace: 'pre',
       overflowX: 'auto',
@@ -117,7 +119,7 @@ export function ErrorPage(props: IErrorPageProps) {
               <Grid item xs={11}>
                 <Typography variant="subtitle1">Stack Trace</Typography>
                 <Typography
-                  className={classes.text}
+                  className={classes.stackTraceText}
                   color="textSecondary"
                   variant="body2"
                 >