diff --git a/src-web/components/HttpResponseTimeline.tsx b/src-web/components/HttpResponseTimeline.tsx
index 98c10b5d..f6eb9093 100644
--- a/src-web/components/HttpResponseTimeline.tsx
+++ b/src-web/components/HttpResponseTimeline.tsx
@@ -193,7 +193,7 @@ function EventDetails({
               `${String(e.duration)}ms`
             )}
           </KeyValueRow>
-          {e.overridden && <KeyValueRow label="Source">Workspace Override</KeyValueRow>}
+          {e.overridden ? <KeyValueRow label="Source">Workspace Override</KeyValueRow> : null}
         </KeyValueRows>
       );
     }
diff --git a/src-web/components/core/KeyValueRow.tsx b/src-web/components/core/KeyValueRow.tsx
index ec08d6ba..f1f13716 100644
--- a/src-web/components/core/KeyValueRow.tsx
+++ b/src-web/components/core/KeyValueRow.tsx
@@ -4,15 +4,15 @@ import type { HTMLAttributes, ReactElement, ReactNode } from 'react';
 interface Props {
   children:
     | ReactElement<HTMLAttributes<HTMLTableColElement>>
-    | ReactElement<HTMLAttributes<HTMLTableColElement>>[];
+    | (ReactElement<HTMLAttributes<HTMLTableColElement>> | null)[];
 }
 
 export function KeyValueRows({ children }: Props) {
-  children = Array.isArray(children) ? children : [children];
+  const childArray = Array.isArray(children) ? children.filter(Boolean) : [children];
   return (
     <table className="text-editor font-mono min-w-0 w-full mb-auto">
       <tbody className="divide-y divide-surface-highlight">
-        {children.map((child, i) => (
+        {childArray.map((child, i) => (
           // biome-ignore lint/suspicious/noArrayIndexKey: none
           <tr key={i}>{child}</tr>
         ))}