diff --git a/packages/core/tracing/sandbox/pages/TraceViewerPage.vue b/packages/core/tracing/sandbox/pages/TraceViewerPage.vue
index 68f28054fb..6322f15bfb 100644
--- a/packages/core/tracing/sandbox/pages/TraceViewerPage.vue
+++ b/packages/core/tracing/sandbox/pages/TraceViewerPage.vue
@@ -109,7 +109,8 @@ const url = `https://example.com${path}`
     .slideout-title {
       flex-shrink: 1;
       min-width: 0;
-      height: $kui-line-height-50;
+      height: 28px; // $kui-line-height-50
+      line-height: $kui-line-height-50;
     }
 
     .slideout-content {
diff --git a/packages/core/tracing/src/components/trace-viewer/TraceViewer.vue b/packages/core/tracing/src/components/trace-viewer/TraceViewer.vue
index dd9f7e272f..1182f7f6f3 100644
--- a/packages/core/tracing/src/components/trace-viewer/TraceViewer.vue
+++ b/packages/core/tracing/src/components/trace-viewer/TraceViewer.vue
@@ -210,9 +210,11 @@ const spanNothingToDisplay = computed(() => {
       align-items: center;
       display: flex;
       flex-direction: row;
-      flex-shrink: 1;
+      flex-shrink: 0;
       gap: $kui-space-50;
+      height: 20px; // $kui-line-height-30
       justify-content: space-between;
+      line-height: $kui-line-height-30;
 
       .url {
         align-items: center;