diff --git a/skyvern-frontend/src/routes/tasks/detail/StepArtifacts.tsx b/skyvern-frontend/src/routes/tasks/detail/StepArtifacts.tsx
index df766441..6865d928 100644
--- a/skyvern-frontend/src/routes/tasks/detail/StepArtifacts.tsx
+++ b/skyvern-frontend/src/routes/tasks/detail/StepArtifacts.tsx
@@ -16,6 +16,7 @@ import { Input } from "@/components/ui/input";
 import { basicLocalTimeFormat, basicTimeFormat } from "@/util/timeFormat";
 import { useCredentialGetter } from "@/hooks/useCredentialGetter";
 import { Artifact } from "./Artifact";
+import { apiPathPrefix } from "@/util/env";
 
 const enable_log_artifacts =
   import.meta.env.VITE_ENABLE_LOG_ARTIFACTS === "true";
@@ -39,7 +40,7 @@ function StepArtifacts({ id, stepProps }: Props) {
     queryFn: async () => {
       const client = await getClient(credentialGetter);
       return client
-        .get(`/step/${id}/artifacts`)
+        .get(`${apiPathPrefix}/step/${id}/artifacts`)
         .then((response) => response.data);
     },
   });
diff --git a/skyvern-frontend/src/routes/tasks/detail/StepArtifactsLayout.tsx b/skyvern-frontend/src/routes/tasks/detail/StepArtifactsLayout.tsx
index d8d9ed9c..80636125 100644
--- a/skyvern-frontend/src/routes/tasks/detail/StepArtifactsLayout.tsx
+++ b/skyvern-frontend/src/routes/tasks/detail/StepArtifactsLayout.tsx
@@ -5,6 +5,7 @@ import { StepApiResponse } from "@/api/types";
 import { useParams, useSearchParams } from "react-router-dom";
 import { getClient } from "@/api/AxiosClient";
 import { useCredentialGetter } from "@/hooks/useCredentialGetter";
+import { apiPathPrefix } from "@/util/env";
 
 function StepArtifactsLayout() {
   const [searchParams, setSearchParams] = useSearchParams();
@@ -21,7 +22,7 @@ function StepArtifactsLayout() {
     queryFn: async () => {
       const client = await getClient(credentialGetter);
       return client
-        .get(`/tasks/${taskId}/steps`)
+        .get(`${apiPathPrefix}/tasks/${taskId}/steps`)
         .then((response) => response.data);
     },
   });
diff --git a/skyvern-frontend/src/routes/tasks/detail/StepNavigation.tsx b/skyvern-frontend/src/routes/tasks/detail/StepNavigation.tsx
index 349d07cb..482cacfc 100644
--- a/skyvern-frontend/src/routes/tasks/detail/StepNavigation.tsx
+++ b/skyvern-frontend/src/routes/tasks/detail/StepNavigation.tsx
@@ -6,6 +6,7 @@ import { useParams, useSearchParams } from "react-router-dom";
 import { PAGE_SIZE } from "../constants";
 import { CheckboxIcon, CrossCircledIcon } from "@radix-ui/react-icons";
 import { useCredentialGetter } from "@/hooks/useCredentialGetter";
+import { apiPathPrefix } from "@/util/env";
 
 type Props = {
   activeIndex: number;
@@ -27,7 +28,7 @@ function StepNavigation({ activeIndex, onActiveIndexChange }: Props) {
     queryFn: async () => {
       const client = await getClient(credentialGetter);
       return client
-        .get(`/tasks/${taskId}/steps`, {
+        .get(`${apiPathPrefix}/tasks/${taskId}/steps`, {
           params: {
             page,
             page_size: PAGE_SIZE,