diff --git a/skyvern-frontend/src/api/types.ts b/skyvern-frontend/src/api/types.ts
index c1b850e6..f01acf9b 100644
--- a/skyvern-frontend/src/api/types.ts
+++ b/skyvern-frontend/src/api/types.ts
@@ -62,7 +62,7 @@ export type TaskApiResponse = {
     webhook_callback_url: string;
     navigation_goal: string;
     data_extraction_goal: string;
-    navigation_payload: string; // stringified JSON
+    navigation_payload: string | object; // stringified JSON
     error_code_mapping: null;
     proxy_location: string;
     extracted_information_schema: string;
diff --git a/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx b/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
index 63af54b4..a783a11b 100644
--- a/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
+++ b/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
@@ -171,7 +171,11 @@ function TaskDetails() {
                 <Label className="w-40 shrink-0">Navigation Payload</Label>
                 <Textarea
                   rows={5}
-                  value={task.request.navigation_payload}
+                  value={
+                    typeof task.request.navigation_payload === "object"
+                      ? JSON.stringify(task.request.navigation_payload, null, 2)
+                      : task.request.navigation_payload
+                  }
                   readOnly
                 />
               </div>