diff --git a/public/app/features/explore/TraceView/components/TracePageHeader/Actions/TracePageActions.tsx b/public/app/features/explore/TraceView/components/TracePageHeader/Actions/TracePageActions.tsx
index 7475fec0f99..4a967e1ff83 100644
--- a/public/app/features/explore/TraceView/components/TracePageHeader/Actions/TracePageActions.tsx
+++ b/public/app/features/explore/TraceView/components/TracePageHeader/Actions/TracePageActions.tsx
@@ -40,12 +40,12 @@ export default function TracePageActions(props: TracePageActionsProps) {
         label={copyTraceIdClicked ? 'Copied!' : 'Trace ID'}
         icon={'copy'}
       />
-      <ActionButton
+      {/* <ActionButton
         onClick={() => alert('not implemented')}
         ariaLabel={'Export Trace'}
         label={'Export'}
         icon={'save'}
-      />
+      /> */}
     </div>
   );
 }
diff --git a/public/app/features/explore/TraceView/components/TracePageHeader/NewTracePageHeader.tsx b/public/app/features/explore/TraceView/components/TracePageHeader/NewTracePageHeader.tsx
index 12d704e105a..835ff170d6b 100644
--- a/public/app/features/explore/TraceView/components/TracePageHeader/NewTracePageHeader.tsx
+++ b/public/app/features/explore/TraceView/components/TracePageHeader/NewTracePageHeader.tsx
@@ -77,18 +77,14 @@ export const NewTracePageHeader = memo((props: TracePageHeaderProps) => {
     return null;
   }
 
-  const { method, status, url } = getHeaderTags(trace.spans);
-
   const title = (
     <h1 className={cx(styles.title)}>
       <TraceName traceName={getTraceName(trace.spans)} />
-      <small>
-        <span className={styles.divider}>|</span>
-        {formatDuration(trace.duration)}
-      </small>
+      <small className={styles.duration}>{formatDuration(trace.duration)}</small>
     </h1>
   );
 
+  const { method, status, url } = getHeaderTags(trace.spans);
   let statusColor: BadgeColor = 'green';
   if (status && status.length > 0) {
     if (status[0].value.toString().charAt(0) === '4') {
@@ -107,27 +103,28 @@ export const NewTracePageHeader = memo((props: TracePageHeaderProps) => {
       </div>
 
       <div className={styles.subtitle}>
-        {timestamp(trace, timeZone, styles)}
-        {method || status || url ? <span className={styles.divider}>|</span> : undefined}
-        {method && method.length > 0 && (
-          <Tooltip content={'http.method'} interactive={true}>
-            <span className={styles.tag}>
-              <Badge text={method[0].value} color="blue" />
-            </span>
-          </Tooltip>
-        )}
-        {status && status.length > 0 && (
-          <Tooltip content={'http.status_code'} interactive={true}>
-            <span className={styles.tag}>
-              <Badge text={status[0].value} color={statusColor} />
-            </span>
-          </Tooltip>
-        )}
-        {url && url.length > 0 && (
-          <Tooltip content={'http.url or http.target or http.path'} interactive={true}>
-            <span className={styles.url}>{url[0].value}</span>
-          </Tooltip>
-        )}
+        <span className={styles.timestamp}>{timestamp(trace, timeZone, styles)}</span>
+        <span className={styles.tagMeta}>
+          {method && method.length > 0 && (
+            <Tooltip content={'http.method'} interactive={true}>
+              <span className={styles.tag}>
+                <Badge text={method[0].value} color="blue" />
+              </span>
+            </Tooltip>
+          )}
+          {status && status.length > 0 && (
+            <Tooltip content={'http.status_code'} interactive={true}>
+              <span className={styles.tag}>
+                <Badge text={status[0].value} color={statusColor} />
+              </span>
+            </Tooltip>
+          )}
+          {url && url.length > 0 && (
+            <Tooltip content={'http.url or http.target or http.path'} interactive={true}>
+              <span className={styles.url}>{url[0].value}</span>
+            </Tooltip>
+          )}
+        </span>
       </div>
 
       <SpanFilters
@@ -171,11 +168,22 @@ const getNewStyles = (theme: GrafanaTheme2) => {
     subtitle: css`
       flex: 1;
       line-height: 1em;
-      margin: -0.5em 8px 0.75em 8px;
+      margin: -0.5em 0.5em 0.75em 0.5em;
     `,
     tag: css`
       margin: 0 0.5em 0 0;
     `,
+    duration: css`
+      color: #aaa;
+      margin: 0 0.75em;
+    `,
+    timestamp: css`
+      vertical-align: middle;
+    `,
+    tagMeta: css`
+      margin: 0 0.75em;
+      vertical-align: text-top;
+    `,
     url: css`
       margin: -2.5px 0.3em;
       overflow: hidden;
@@ -184,8 +192,5 @@ const getNewStyles = (theme: GrafanaTheme2) => {
       max-width: 30%;
       display: inline-block;
     `,
-    divider: css`
-      margin: 0 0.75em;
-    `,
   };
 };