diff --git a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css
index 2b45158b40..5b4ee63a71 100644
--- a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css
+++ b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css
@@ -46,6 +46,11 @@ THE SOFTWARE.
   z-index: 1;
 }
 
+.span-name-wrapper {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .span-name {
   outline: none;
   color: #000;
diff --git a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js
index ff0e38caff..9a20113a19 100644
--- a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js
+++ b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js
@@ -76,7 +76,7 @@ export default function SpanBarRow(props) {
       `}
     >
       <TimelineRow.Left className="span-name-column">
-        <div className="overflow-hidden" title={title}>
+        <div className="span-name-wrapper" title={title}>
           <SpanTreeOffset
             level={depth + 1}
             hasChildren={isParent}