diff --git a/skyvern-frontend/src/routes/workflows/workflowRun/WorkflowRunRecording.tsx b/skyvern-frontend/src/routes/workflows/workflowRun/WorkflowRunRecording.tsx
index 1b63f055..fa6d7766 100644
--- a/skyvern-frontend/src/routes/workflows/workflowRun/WorkflowRunRecording.tsx
+++ b/skyvern-frontend/src/routes/workflows/workflowRun/WorkflowRunRecording.tsx
@@ -1,8 +1,12 @@
 import { useWorkflowRunQuery } from "../hooks/useWorkflowRunQuery";
+import { artifactApiBaseUrl } from "@/util/env";
 
 function WorkflowRunRecording() {
   const { data: workflowRun } = useWorkflowRunQuery();
-  const recordingURL = workflowRun?.recording_url;
+  let recordingURL = workflowRun?.recording_url;
+  if (recordingURL?.startsWith("file://")) {
+    recordingURL = `${artifactApiBaseUrl}/artifact/recording?path=${recordingURL.slice(7)}`;
+  }
   return recordingURL ? (
     <video src={recordingURL} controls className="w-full rounded-md" />
   ) : (