diff --git a/web/src/components/RunDetailTest/SpanDetailsPanel.tsx b/web/src/components/RunDetailTest/SpanDetailsPanel.tsx
index 5bdb4a1f09..7b68f2dd84 100644
--- a/web/src/components/RunDetailTest/SpanDetailsPanel.tsx
+++ b/web/src/components/RunDetailTest/SpanDetailsPanel.tsx
@@ -8,6 +8,7 @@ const panel = {
   name: 'SPAN_DETAILS',
   minSize: 25,
   maxSize: 320,
+  isDefaultOpen: true,
 };
 
 const SpanDetailsPanel = () => {
diff --git a/web/src/components/RunDetailTrace/SpanDetailsPanel.tsx b/web/src/components/RunDetailTrace/SpanDetailsPanel.tsx
index 82e643f3b4..c64b095a72 100644
--- a/web/src/components/RunDetailTrace/SpanDetailsPanel.tsx
+++ b/web/src/components/RunDetailTrace/SpanDetailsPanel.tsx
@@ -17,6 +17,7 @@ const panel = {
   name: 'SPAN_DETAILS',
   minSize: 25,
   maxSize: 320,
+  isDefaultOpen: true,
 };
 
 const SpanDetailsPanel = ({run, testId}: IProps) => {