diff --git a/web/src/components/Trace/Trace.tsx b/web/src/components/Trace/Trace.tsx
index cb1e33ef01..824b40e5cf 100644
--- a/web/src/components/Trace/Trace.tsx
+++ b/web/src/components/Trace/Trace.tsx
@@ -1,6 +1,5 @@
 import {useCallback, useEffect, useMemo, useState} from 'react';
 import styled from 'styled-components';
-import {useNavigate} from 'react-router-dom';
 
 import {useStoreActions} from 'react-flow-renderer';
 import {ReflexContainer, ReflexSplitter, ReflexElement} from 'react-reflex';
@@ -33,6 +32,7 @@ import TestResults from './TestResults';
 
 const Grid = styled.div`
   display: grid;
+  height: calc(100vh - 200px);
 `;
 
 export type TSpanInfo = {
@@ -51,7 +51,6 @@ type TraceProps = {
 };
 
 const Trace: React.FC<TraceProps> = ({testId, testResultId, onDismissTrace, onRunTest}) => {
-  const navigate = useNavigate();
   const [selectedSpan, setSelectedSpan] = useState<TSpanInfo | undefined>();
   const [traceResultList, setTraceResultList] = useState<AssertionResult[]>([]);
   const [isFirstLoad, setIsFirstLoad] = useState(true);
@@ -165,7 +164,12 @@ const Trace: React.FC<TraceProps> = ({testId, testResultId, onDismissTrace, onRu
             <ReflexContainer orientation="vertical">
               <ReflexElement flex={0.5} className="left-pane">
                 <div className="pane-content">
-                  <TraceDiagram spanMap={spanMap} onSelectSpan={handleOnSpanSelected} selectedSpan={selectedSpan} trace={testResultDetails?.trace!} />
+                  <TraceDiagram
+                    spanMap={spanMap}
+                    onSelectSpan={handleOnSpanSelected}
+                    selectedSpan={selectedSpan}
+                    trace={testResultDetails?.trace!}
+                  />
                 </div>
               </ReflexElement>
               <ReflexElement flex={0.5} className="right-pane">
diff --git a/web/src/components/TraceDiagram/TraceDiagram.tsx b/web/src/components/TraceDiagram/TraceDiagram.tsx
index 8341b24cfe..1c3ea1eff8 100644
--- a/web/src/components/TraceDiagram/TraceDiagram.tsx
+++ b/web/src/components/TraceDiagram/TraceDiagram.tsx
@@ -69,7 +69,7 @@ const TraceDiagram = ({spanMap, trace, selectedSpan, onSelectSpan}: IPropsTraceD
   }, [dagLayout, spanMap, trace, selectedSpan?.id]);
 
   return (
-    <S.Container style={{height: Math.max(dagLayout?.layout?.height || 0, 700) + 100}}>
+    <S.Container style={{height: Math.max(dagLayout?.layout?.height || 0, 900) + 100}}>
       <ReactFlow
         nodeTypes={{TraceNode}}
         defaultZoom={0.5}