From bccefc6a108e927c3e6f890954f9b3f2b72f0dc2 Mon Sep 17 00:00:00 2001
From: Palash Gupta <palashgdev@gmail.com>
Date: Wed, 27 Sep 2023 12:20:10 +0000
Subject: [PATCH] chore: error details stack trace height is updated (#3639)

* chore: error details stack trace height is updated

* chore: style is updated

---------

Co-authored-by: Rajat Dabade <rajat@signoz.io>
---
 frontend/src/container/ErrorDetails/index.tsx   | 6 +++++-
 frontend/src/container/ErrorDetails/styles.scss | 3 +++
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/container/ErrorDetails/styles.scss

diff --git a/frontend/src/container/ErrorDetails/index.tsx b/frontend/src/container/ErrorDetails/index.tsx
index ff27641c64..33a86f9f50 100644
--- a/frontend/src/container/ErrorDetails/index.tsx
+++ b/frontend/src/container/ErrorDetails/index.tsx
@@ -1,3 +1,5 @@
+import './styles.scss';
+
 import { Button, Divider, Space, Typography } from 'antd';
 import getNextPrevId from 'api/errors/getNextPrevId';
 import Editor from 'components/Editor';
@@ -161,7 +163,9 @@ function ErrorDetails(props: ErrorDetailsProps): JSX.Element {
 			</DashedContainer>
 
 			<Typography.Title level={4}>{t('stack_trace')}</Typography.Title>
-			<Editor onChange={(): void => {}} value={stackTraceValue} readOnly />
+			<div className="error-container">
+				<Editor value={stackTraceValue} readOnly />
+			</div>
 
 			<EditorContainer>
 				<Space direction="vertical">
diff --git a/frontend/src/container/ErrorDetails/styles.scss b/frontend/src/container/ErrorDetails/styles.scss
new file mode 100644
index 0000000000..31194b488f
--- /dev/null
+++ b/frontend/src/container/ErrorDetails/styles.scss
@@ -0,0 +1,3 @@
+.error-container {
+	height: 50vh;
+}