diff --git a/src/components/Job/JobStatus.tsx b/src/components/Job/JobStatus.tsx
index e9d444028c2425e680802d246cb26034f5fd8a44..320bc6a56050984b1d088da0c54764b9faf709b0 100644
--- a/src/components/Job/JobStatus.tsx
+++ b/src/components/Job/JobStatus.tsx
@@ -7,14 +7,15 @@ import {
   IconUnknown
 } from "@ess-ics/ce-ui-common";
 import { theme } from "../../style/Theme";
+import { JobDetails } from "../../store/deployApi";
 
 interface JobStatusProps {
-  status: string | undefined;
+  status: JobDetails["status"];
 }
 
-const getStatus = (status: string) => {
+const getStatus = (status: JobDetails["status"]) => {
   switch (status) {
-    case STEPPER_STATES.QUEDUED:
+    case STEPPER_STATES.QUEUED:
       return {
         label: "Queued",
         icon: IconRunning
@@ -43,8 +44,7 @@ const getStatus = (status: string) => {
 };
 
 export const JobStatus = ({ status }: JobStatusProps) => {
-  const convertedStatus = status || "";
-  const activeStep = getStatus(convertedStatus);
+  const activeStep = getStatus(status);
   const Icon = activeStep.icon;
 
   return (
@@ -53,7 +53,7 @@ export const JobStatus = ({ status }: JobStatusProps) => {
       labelPosition="right"
       LabelProps={{
         color:
-          convertedStatus === STEPPER_STATES.FAILED
+          status === STEPPER_STATES.FAILED
             ? theme.palette.status.fail.main
             : "inherit"
       }}