diff --git a/packages/trace-viewer/src/ui/uiModeTraceView.tsx b/packages/trace-viewer/src/ui/uiModeTraceView.tsx
index e34ab6aede..8027005812 100644
--- a/packages/trace-viewer/src/ui/uiModeTraceView.tsx
+++ b/packages/trace-viewer/src/ui/uiModeTraceView.tsx
@@ -31,7 +31,8 @@ export const TraceView: React.FC<{
   rootDir?: string,
   onOpenExternally?: (location: SourceLocation) => void,
   revealSource?: boolean,
-}> = ({ item, rootDir, onOpenExternally, revealSource }) => {
+  pathSeparator: string,
+}> = ({ item, rootDir, onOpenExternally, revealSource, pathSeparator }) => {
   const [model, setModel] = React.useState<{ model: MultiTraceModel, isLive: boolean } | undefined>();
   const [counter, setCounter] = React.useState(0);
   const pollTimer = React.useRef<NodeJS.Timeout | null>(null);
@@ -69,7 +70,12 @@ export const TraceView: React.FC<{
       return;
     }
 
-    const traceLocation = `${outputDir}/${artifactsFolderName(result!.workerIndex)}/traces/${item.testCase?.id}.json`;
+    const traceLocation = [
+      outputDir,
+      artifactsFolderName(result!.workerIndex),
+      'traces',
+      `${item.testCase?.id}.json`
+    ].join(pathSeparator);
     // Start polling running test.
     pollTimer.current = setTimeout(async () => {
       try {
diff --git a/packages/trace-viewer/src/ui/uiModeView.tsx b/packages/trace-viewer/src/ui/uiModeView.tsx
index 376d1d374c..2c4b61fdad 100644
--- a/packages/trace-viewer/src/ui/uiModeView.tsx
+++ b/packages/trace-viewer/src/ui/uiModeView.tsx
@@ -434,6 +434,7 @@ export const UIModeView: React.FC<{}> = ({
         </div>
         <div className={clsx('vbox', isShowingOutput && 'hidden')}>
           <TraceView
+            pathSeparator={queryParams.pathSeparator}
             item={selectedItem}
             rootDir={testModel?.config?.rootDir}
             revealSource={revealSource}