diff --git a/frontend/src/features/permits/components/dashboard/ApplicationStepPage.tsx b/frontend/src/features/permits/components/dashboard/ApplicationStepPage.tsx
index f19605cd8..dc491ad50 100644
--- a/frontend/src/features/permits/components/dashboard/ApplicationStepPage.tsx
+++ b/frontend/src/features/permits/components/dashboard/ApplicationStepPage.tsx
@@ -6,10 +6,8 @@ import "../../../../common/components/dashboard/Dashboard.scss";
 import { Banner } from "../../../../common/components/dashboard/components/banner/Banner";
 import { ApplicationForm } from "../../pages/Application/ApplicationForm";
 import { ApplicationContext } from "../../context/ApplicationContext";
-import { ApplicationReview } from "../../pages/Application/ApplicationReview";
 import { getCompanyIdFromSession } from "../../../../common/apiManager/httpRequestHandler";
 import { Loading } from "../../../../common/pages/Loading";
-import { ApplicationInQueueReview } from "../../../queue/components/ApplicationInQueueReview";
 import { useApplicationForStepsQuery } from "../../hooks/hooks";
 import { PERMIT_STATUSES } from "../../types/PermitStatus";
 import {
@@ -25,12 +23,12 @@ import {
 } from "../../types/PermitType";
 
 import {
-  APPLICATION_STEP_CONTEXTS,
   APPLICATION_STEPS,
   ApplicationStep,
   ApplicationStepContext,
   ERROR_ROUTES,
 } from "../../../../routes/constants";
+import { ApplicationReview } from "../../pages/Application/ApplicationReview";
 
 const displayHeaderText = (stepKey: ApplicationStep) => {
   switch (stepKey) {
@@ -121,12 +119,11 @@ export const ApplicationStepPage = ({
 
   const renderApplicationStep = () => {
     if (applicationStep === APPLICATION_STEPS.REVIEW) {
-      return applicationStepContext === APPLICATION_STEP_CONTEXTS.QUEUE ? (
-        <ApplicationInQueueReview
+      return (
+        <ApplicationReview
           applicationData={contextData.applicationData}
+          applicationStepContext={applicationStepContext}
         />
-      ) : (
-        <ApplicationReview companyId={companyId} />
       );
     }
     return (
diff --git a/frontend/src/features/permits/pages/Application/ApplicationForm.tsx b/frontend/src/features/permits/pages/Application/ApplicationForm.tsx
index d91a09f96..bb5317341 100644
--- a/frontend/src/features/permits/pages/Application/ApplicationForm.tsx
+++ b/frontend/src/features/permits/pages/Application/ApplicationForm.tsx
@@ -52,6 +52,7 @@ import {
   ApplicationStepContext,
   ERROR_ROUTES,
 } from "../../../../routes/constants";
+import { useApplicationInQueueMetadata } from "../../../queue/hooks/hooks";
 
 const FEATURE = "application";
 
@@ -183,6 +184,18 @@ export const ApplicationForm = ({
     return updatedViolations;
   };
 
+  const { data: applicationMetadata } = useApplicationInQueueMetadata({
+    applicationId: getDefaultRequiredVal("", currentFormData.permitId),
+    companyId,
+  });
+
+  const assignedUser = getDefaultRequiredVal(
+    "",
+    applicationMetadata?.assignedUser,
+  );
+
+  const currentUserIsAssignedUser = assignedUser === idirUserDetails?.userName;
+
   // Check to see if all application values were already saved
   const isApplicationSaved = () => {
     // Check if all current form field values match field values already saved in application context
@@ -194,6 +207,10 @@ export const ApplicationForm = ({
 
   // When "Continue" button is clicked
   const onContinue = async (data: ApplicationFormData) => {
+    if (!currentUserIsAssignedUser) {
+      return;
+    }
+
     const updatedViolations = await triggerPolicyValidation();
     // prevent CV client continuing if there are policy engine validation errors
     if (Object.keys(updatedViolations).length > 0 && !isStaffUser) {
@@ -204,6 +221,7 @@ export const ApplicationForm = ({
     const vehicleData = serializePermitVehicleDetails(
       data.permitData.vehicleDetails,
     );
+
     const savedVehicleDetails = await handleSaveVehicle(vehicleData);
 
     // Save application before continuing
@@ -235,6 +253,10 @@ export const ApplicationForm = ({
     additionalSuccessAction?: (permitId: string) => void,
     savedVehicleInventoryDetails?: Nullable<PermitVehicleDetails>,
   ) => {
+    if (!currentUserIsAssignedUser) {
+      return;
+    }
+
     if (isNull(savedVehicleInventoryDetails)) {
       return navigate(ERROR_ROUTES.UNEXPECTED);
     }
@@ -251,7 +273,6 @@ export const ApplicationForm = ({
             },
           },
         };
-
     await saveApplication(
       {
         data: applicationToBeSaved,
diff --git a/frontend/src/features/permits/pages/Application/ApplicationReview.tsx b/frontend/src/features/permits/pages/Application/ApplicationReview.tsx
index e0009363a..eb84cd7ee 100644
--- a/frontend/src/features/permits/pages/Application/ApplicationReview.tsx
+++ b/frontend/src/features/permits/pages/Application/ApplicationReview.tsx
@@ -23,23 +23,56 @@ import { DEFAULT_PERMIT_TYPE, PERMIT_TYPES } from "../../types/PermitType";
 import { PERMIT_REVIEW_CONTEXTS } from "../../types/PermitReviewContext";
 import { usePolicyEngine } from "../../../policy/hooks/usePolicyEngine";
 import { useCommodityOptions } from "../../hooks/useCommodityOptions";
-import { useSubmitApplicationForReview } from "../../../queue/hooks/hooks";
 import { deserializeApplicationResponse } from "../../helpers/serialize/deserializeApplication";
 import OnRouteBCContext from "../../../../common/authentication/OnRouteBCContext";
 import {
   APPLICATIONS_ROUTES,
+  APPLICATION_QUEUE_ROUTES,
   APPLICATION_STEPS,
+  APPLICATION_STEP_CONTEXTS,
+  ApplicationStepContext,
   ERROR_ROUTES,
+  IDIR_ROUTES,
 } from "../../../../routes/constants";
+import { CASE_ACTIVITY_TYPES } from "../../../queue/types/CaseActivityType";
+import { QueueBreadcrumb } from "../../../queue/components/QueueBreadcrumb";
+import { RejectApplicationModal } from "../../../queue/components/RejectApplicationModal";
+import {
+  useApplicationInQueueMetadata,
+  useSubmitApplicationForReview,
+  useUpdateApplicationInQueueStatus,
+} from "../../../queue/hooks/hooks";
+import { Nullable } from "../../../../common/types/common";
+import { UnavailableApplicationModal } from "../../../queue/components/UnavailableApplicationModal";
 
 export const ApplicationReview = ({
-  companyId,
+  companyIdProp,
+  applicationStepContext,
+  applicationData: queueApplicationData,
 }: {
-  companyId: number;
+  applicationStepContext: ApplicationStepContext;
+  companyIdProp?: Nullable<number>;
+  applicationData?: Nullable<Application>;
 }) => {
   const { applicationData, setApplicationData: setApplicationContextData } =
     useContext(ApplicationContext);
 
+  const isQueueContext =
+    applicationStepContext === APPLICATION_STEP_CONTEXTS.QUEUE;
+
+  const application = isQueueContext ? queueApplicationData : applicationData;
+
+  const companyId = getDefaultRequiredVal(
+    0,
+    companyIdProp,
+    queueApplicationData?.companyId,
+  );
+
+  const applicationId = getDefaultRequiredVal(
+    queueApplicationData?.permitId,
+    applicationData?.permitId,
+  );
+
   const { idirUserDetails } = useContext(OnRouteBCContext);
   const isStaffUser = Boolean(idirUserDetails?.userRole);
 
@@ -49,12 +82,15 @@ export const ApplicationReview = ({
   const { data: companyInfo } = useCompanyInfoDetailsQuery(companyId);
   const doingBusinessAs = companyInfo?.alternateName;
 
-  const permitType = getDefaultRequiredVal(DEFAULT_PERMIT_TYPE, applicationData?.permitType);
+  const permitType = getDefaultRequiredVal(
+    DEFAULT_PERMIT_TYPE,
+    application?.permitType,
+  );
   const fee = isNoFeePermitType
     ? "0"
     : `${calculateFeeByDuration(
         permitType,
-        getDefaultRequiredVal(0, applicationData?.permitData?.permitDuration),
+        getDefaultRequiredVal(0, application?.permitData?.permitDuration),
       )}`;
 
   const { setSnackBar } = useContext(SnackBarContext);
@@ -71,20 +107,25 @@ export const ApplicationReview = ({
   const trailerSubTypesQuery = useTrailerSubTypesQuery();
   const methods = useForm<Application>();
 
-  // For the confirmation checkboxes
-  const [allConfirmed, setAllConfirmed] = useState(false);
+  const [allConfirmed, setAllConfirmed] = useState(isQueueContext);
   const [hasAttemptedSubmission, setHasAttemptedSubmission] = useState(false);
 
   const { mutateAsync: saveApplication } = useSaveApplicationMutation();
   const addToCartMutation = useAddToCart();
-
-  // Submit for review (if applicable)
+  const { mutateAsync: submitForReview } = useSubmitApplicationForReview();
   const {
-    mutateAsync: submitForReview,
-  } = useSubmitApplicationForReview();
+    mutateAsync: updateApplication,
+    data: updateApplicationResponse,
+    isPending: updateApplicationMutationPending,
+  } = useUpdateApplicationInQueueStatus();
 
-  const back = () => {
-    navigate(APPLICATIONS_ROUTES.DETAILS(permitId), { replace: true });
+  const handleEdit = () => {
+    navigate(
+      isQueueContext
+        ? APPLICATION_QUEUE_ROUTES.EDIT(companyId, applicationId)
+        : APPLICATIONS_ROUTES.DETAILS(permitId),
+      { replace: true },
+    );
   };
 
   const handleSaveApplication = async (
@@ -98,42 +139,45 @@ export const ApplicationReview = ({
 
     if (!allConfirmed) return;
 
-    const companyId = applicationData?.companyId;
-    const permitId = applicationData?.permitId;
-    const applicationNumber = applicationData?.applicationNumber;
+    const companyId = application?.companyId;
+    const permitId = application?.permitId;
+    const applicationNumber = application?.applicationNumber;
     if (!companyId || !permitId || !applicationNumber) {
       return navigate(ERROR_ROUTES.UNEXPECTED);
     }
 
-    await saveApplication({
-      data: {
-        ...applicationData,
-        permitData: {
-          ...applicationData.permitData,
-          doingBusinessAs, // always set most recent DBA from company info
+    await saveApplication(
+      {
+        data: {
+          ...application,
+          permitData: {
+            ...application?.permitData,
+            doingBusinessAs,
+          },
         },
+        companyId,
       },
-      companyId,
-    }, {
-      onSuccess: ({ data: savedApplication }) => {
-        setApplicationContextData(
-          deserializeApplicationResponse(savedApplication),
-        );
-        followUpAction(companyId, permitId, applicationNumber);
-      },
-      onError: (e) => {
-        console.error(e);
-        if (isAxiosError(e)) {
-          navigate(ERROR_ROUTES.UNEXPECTED, {
-            state: {
-              correlationId: e?.response?.headers["x-correlation-id"],
-            },
-          });
-        } else {
-          navigate(ERROR_ROUTES.UNEXPECTED);
-        }
+      {
+        onSuccess: ({ data: savedApplication }) => {
+          setApplicationContextData(
+            deserializeApplicationResponse(savedApplication),
+          );
+          followUpAction(companyId, permitId, applicationNumber);
+        },
+        onError: (e) => {
+          console.error(e);
+          if (isAxiosError(e)) {
+            navigate(ERROR_ROUTES.UNEXPECTED, {
+              state: {
+                correlationId: e?.response?.headers["x-correlation-id"],
+              },
+            });
+          } else {
+            navigate(ERROR_ROUTES.UNEXPECTED);
+          }
+        },
       },
-    });
+    );
   };
 
   const proceedWithAddToCart = async (
@@ -156,64 +200,137 @@ export const ApplicationReview = ({
   const setShowSnackbar = () => true;
 
   const handleAddToCart = async () => {
-    await handleSaveApplication(async (companyId, permitId, applicationNumber) => {
-      await proceedWithAddToCart(companyId, [permitId], () => {
+    await handleSaveApplication(
+      async (companyId, permitId, applicationNumber) => {
+        await proceedWithAddToCart(companyId, [permitId], () => {
+          setSnackBar({
+            showSnackbar: true,
+            setShowSnackbar,
+            message: `Application ${applicationNumber} added to cart`,
+            alertType: "success",
+          });
+
+          refetchCartCount();
+          navigate(APPLICATIONS_ROUTES.BASE);
+        });
+      },
+    );
+  };
+  const continueBtnText =
+    permitType === PERMIT_TYPES.STOS && !isStaffUser
+      ? "Submit for Review"
+      : undefined;
+
+  const handleSubmitForReview = async () => {
+    if (permitType !== PERMIT_TYPES.STOS || isStaffUser) return;
+
+    await handleSaveApplication(
+      async (companyId, permitId, applicationNumber) => {
+        await submitForReview({ companyId, applicationId: permitId });
         setSnackBar({
           showSnackbar: true,
-          setShowSnackbar,
-          message: `Application ${applicationNumber} added to cart`,
+          setShowSnackbar: () => true,
+          message: `Application ${applicationNumber} submitted for review`,
           alertType: "success",
         });
-
-        refetchCartCount();
         navigate(APPLICATIONS_ROUTES.BASE);
-      });
+      },
+    );
+  };
+
+  const { data: applicationMetadata } = useApplicationInQueueMetadata({
+    applicationId: permitId,
+    companyId,
+  });
+
+  const assignedUser = getDefaultRequiredVal(
+    "",
+    applicationMetadata?.assignedUser,
+  );
+
+  const currentUserIsAssignedUser = assignedUser === idirUserDetails?.userName;
+
+  const handleApprove = async () => {
+    if (!currentUserIsAssignedUser) {
+      setShowUnavailableApplicationModal(true);
+      return;
+    }
+
+    setHasAttemptedSubmission(true);
+
+    await updateApplication({
+      applicationId: permitId,
+      companyId,
+      caseActivityType: CASE_ACTIVITY_TYPES.APPROVED,
     });
   };
 
-  const continueBtnText = permitType === PERMIT_TYPES.STOS && !isStaffUser
-    ? "Submit for Review" : undefined;
+  const [showRejectApplicationModal, setShowRejectApplicationModal] =
+    useState<boolean>(false);
 
-  const handleSubmitForReview = async () => {
-    if (permitType !== PERMIT_TYPES.STOS) return;
-    if (isStaffUser) return;
+  const handleRejectButton = () => {
+    if (!currentUserIsAssignedUser) {
+      setShowUnavailableApplicationModal(true);
+      return;
+    }
+    setShowRejectApplicationModal(true);
+  };
 
-    await handleSaveApplication(async (companyId, permitId, applicationNumber) => {
-      await submitForReview({
-        companyId,
-        applicationId: permitId,
-      }, {
-        onSuccess: () => {
-          setSnackBar({
-            showSnackbar: true,
-            setShowSnackbar,
-            message: `Application ${applicationNumber} submitted for review`,
-            alertType: "success",
-          });
-  
-          navigate(APPLICATIONS_ROUTES.BASE);
-        },
-        onError: () => {
-          navigate(ERROR_ROUTES.UNEXPECTED);
-        },
-      });
+  const handleReject = async (comment: string) => {
+    setHasAttemptedSubmission(true);
+    await updateApplication({
+      applicationId: permitId,
+      companyId,
+      caseActivityType: CASE_ACTIVITY_TYPES.REJECTED,
+      comment,
     });
   };
 
+  const [showUnavailableApplicationModal, setShowUnavailableApplicationModal] =
+    useState<boolean>(false);
+
+  const updateApplicationResponseStatus = updateApplicationResponse?.status;
+
+  const handleCloseApplication = () => {
+    navigate(IDIR_ROUTES.STAFF_HOME);
+  };
+
+  const handleCloseUnavailableApplicationModal = () => {
+    setShowUnavailableApplicationModal(false);
+    showRejectApplicationModal && setShowRejectApplicationModal(false);
+  };
+
+  useEffect(() => {
+    if (updateApplicationResponseStatus === 201) {
+      navigate(IDIR_ROUTES.STAFF_HOME);
+    }
+  }, [updateApplicationResponse, updateApplicationResponseStatus, navigate]);
+
   useEffect(() => {
     window.scrollTo(0, 0);
   }, []);
 
   return (
     <div className="application-review">
-      <ApplicationBreadcrumb
-        permitId={permitId}
-        applicationStep={APPLICATION_STEPS.REVIEW}
-      />
+      {isQueueContext ? (
+        <QueueBreadcrumb
+          applicationNumber={applicationData?.applicationNumber}
+          applicationStep={APPLICATION_STEPS.REVIEW}
+        />
+      ) : (
+        <ApplicationBreadcrumb
+          permitId={permitId}
+          applicationStep={APPLICATION_STEPS.REVIEW}
+        />
+      )}
 
       <FormProvider {...methods}>
         <PermitReview
-          reviewContext={PERMIT_REVIEW_CONTEXTS.APPLY}
+          reviewContext={
+            isQueueContext
+              ? PERMIT_REVIEW_CONTEXTS.QUEUE
+              : PERMIT_REVIEW_CONTEXTS.APPLY
+          }
           permitType={permitType}
           permitNumber={applicationData?.permitNumber}
           applicationNumber={applicationData?.applicationNumber}
@@ -228,10 +345,23 @@ export const ApplicationReview = ({
           updatedDateTime={applicationData?.updatedDateTime}
           companyInfo={companyInfo}
           contactDetails={applicationData?.permitData?.contactDetails}
-          onEdit={back}
+          onEdit={handleEdit}
           continueBtnText={continueBtnText}
-          onContinue={handleSubmitForReview}
-          onAddToCart={handleAddToCart}
+          onContinue={
+            applicationStepContext === APPLICATION_STEP_CONTEXTS.APPLY
+              ? handleSubmitForReview
+              : undefined
+          }
+          onAddToCart={
+            applicationStepContext === APPLICATION_STEP_CONTEXTS.APPLY
+              ? handleAddToCart
+              : undefined
+          }
+          handleApproveButton={isQueueContext ? handleApprove : undefined}
+          handleRejectButton={isQueueContext ? handleRejectButton : undefined}
+          updateApplicationMutationPending={
+            isQueueContext ? updateApplicationMutationPending : undefined
+          }
           allConfirmed={allConfirmed}
           setAllConfirmed={setAllConfirmed}
           hasAttemptedCheckboxes={hasAttemptedSubmission}
@@ -241,16 +371,36 @@ export const ApplicationReview = ({
           vehicleWasSaved={
             applicationData?.permitData?.vehicleDetails?.saveVehicle
           }
-          vehicleConfiguration={applicationData?.permitData?.vehicleConfiguration}
+          vehicleConfiguration={
+            applicationData?.permitData?.vehicleConfiguration
+          }
           route={applicationData?.permitData?.permittedRoute}
           applicationNotes={applicationData?.permitData?.applicationNotes}
           doingBusinessAs={doingBusinessAs}
           calculatedFee={fee}
           loas={applicationData?.permitData?.loas}
           applicationRejectionHistory={applicationData?.rejectionHistory}
-          isStaffUser={isStaffUser}
+          isStaffUser={isQueueContext || isStaffUser}
         />
       </FormProvider>
+
+      {isQueueContext && showRejectApplicationModal && (
+        <RejectApplicationModal
+          showModal={showRejectApplicationModal}
+          onCancel={() => setShowRejectApplicationModal(false)}
+          onConfirm={handleReject}
+          isPending={updateApplicationMutationPending}
+        />
+      )}
+
+      {isQueueContext && showUnavailableApplicationModal && (
+        <UnavailableApplicationModal
+          showModal={showUnavailableApplicationModal}
+          onCancel={handleCloseUnavailableApplicationModal}
+          onConfirm={handleCloseApplication}
+          assignedUser={assignedUser}
+        />
+      )}
     </div>
   );
 };
diff --git a/frontend/src/features/permits/pages/Application/components/review/ReviewActions.tsx b/frontend/src/features/permits/pages/Application/components/review/ReviewActions.tsx
index 4e9d069f7..4798ffee7 100644
--- a/frontend/src/features/permits/pages/Application/components/review/ReviewActions.tsx
+++ b/frontend/src/features/permits/pages/Application/components/review/ReviewActions.tsx
@@ -78,7 +78,7 @@ export const ReviewActions = ({
         </Button>
       ) : null}
 
-      {reviewContext === PERMIT_REVIEW_CONTEXTS.QUEUE ? (
+      {reviewContext === PERMIT_REVIEW_CONTEXTS.QUEUE && (
         <>
           <Button
             className="review-actions__btn review-actions__btn--reject"
@@ -106,7 +106,7 @@ export const ReviewActions = ({
             Approve
           </Button>
         </>
-      ) : null}
+      )}
     </Box>
   );
 };
diff --git a/frontend/src/features/permits/types/ApplicationMetadata.ts b/frontend/src/features/permits/types/ApplicationMetadata.ts
new file mode 100644
index 000000000..de59735da
--- /dev/null
+++ b/frontend/src/features/permits/types/ApplicationMetadata.ts
@@ -0,0 +1,10 @@
+import { CaseStatus } from "./CaseStatus";
+
+export interface ApplicationMetadata {
+  caseId: number;
+  caseType: "DEFAULT";
+  caseStatusType: CaseStatus;
+  assignedUser: string;
+  applicationId: string;
+  applicationNumber: string;
+}
diff --git a/frontend/src/features/permits/types/CaseStatus.ts b/frontend/src/features/permits/types/CaseStatus.ts
new file mode 100644
index 000000000..237c1d6e4
--- /dev/null
+++ b/frontend/src/features/permits/types/CaseStatus.ts
@@ -0,0 +1,8 @@
+export const CASE_STATUS_TYPES = {
+  OPEN: "OPEN",
+  CLOSED: "CLOSED",
+  IN_PROGRESS: "IN_PROGRESS",
+} as const;
+
+export type CaseStatus =
+  (typeof CASE_STATUS_TYPES)[keyof typeof CASE_STATUS_TYPES];
diff --git a/frontend/src/features/queue/apiManager/endpoints/endpoints.ts b/frontend/src/features/queue/apiManager/endpoints/endpoints.ts
index a12b47868..551c71fd7 100644
--- a/frontend/src/features/queue/apiManager/endpoints/endpoints.ts
+++ b/frontend/src/features/queue/apiManager/endpoints/endpoints.ts
@@ -10,4 +10,6 @@ export const APPLICATION_QUEUE_API_ROUTES = {
     `${APPLICATIONS_API_BASE(companyId)}/${applicationId}/queue/assign`,
   SUBMIT_FOR_REVIEW: (companyId: number, applicationId: string) =>
     `${APPLICATIONS_API_BASE(companyId)}/${applicationId}/queue`,
+  GET_METADATA: (companyId: number, applicationId: string) =>
+    `${APPLICATIONS_API_BASE(companyId)}/${applicationId}/queue/meta-data`,
 };
diff --git a/frontend/src/features/queue/apiManager/queueAPI.ts b/frontend/src/features/queue/apiManager/queueAPI.ts
index 9bd13bd03..b7ff4fb81 100644
--- a/frontend/src/features/queue/apiManager/queueAPI.ts
+++ b/frontend/src/features/queue/apiManager/queueAPI.ts
@@ -5,6 +5,7 @@ import { CaseActivityType } from "../types/CaseActivityType";
 import { APPLICATION_QUEUE_API_ROUTES } from "./endpoints/endpoints";
 import {
   getCompanyIdFromSession,
+  httpGETRequest,
   httpPOSTRequest,
 } from "../../../common/apiManager/httpRequestHandler";
 
@@ -13,6 +14,7 @@ import {
   PaginatedResponse,
   PaginationAndFilters,
 } from "../../../common/types/common";
+import { ApplicationMetadata } from "../../permits/types/ApplicationMetadata";
 
 /**
  * Fetch all applications in queue.
@@ -115,3 +117,14 @@ export const submitApplicationForReview = async (
     {},
   );
 };
+
+export const getApplicationInQueueMetadata = async (
+  companyId: number,
+  applicationId: string,
+): Promise<ApplicationMetadata> => {
+  const response = await httpGETRequest(
+    APPLICATION_QUEUE_API_ROUTES.GET_METADATA(companyId, applicationId),
+  );
+
+  return response.data;
+};
diff --git a/frontend/src/features/queue/components/ApplicationInQueueReview.scss b/frontend/src/features/queue/components/ApplicationInQueueReview.scss
deleted file mode 100644
index 1895c69e5..000000000
--- a/frontend/src/features/queue/components/ApplicationInQueueReview.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@use "../../../common/components/dashboard/Dashboard";
-
-@include Dashboard.layout-box-style(".application-in-queue-review .breadcrumb");
-
-.application-in-queue-review {
-  display: flex;
-  flex-direction: column;
-}
diff --git a/frontend/src/features/queue/components/ClaimedApplicationModal.scss b/frontend/src/features/queue/components/ClaimedApplicationModal.scss
index 69d8d8992..6e2a723b6 100644
--- a/frontend/src/features/queue/components/ClaimedApplicationModal.scss
+++ b/frontend/src/features/queue/components/ClaimedApplicationModal.scss
@@ -66,7 +66,7 @@
       }
 
       &:disabled {
-        background-color: $bc-red-disabled;
+        background-color: $disabled-colour;
         color: $white;
       }
     }
diff --git a/frontend/src/features/queue/components/UnavailableApplicationModal.scss b/frontend/src/features/queue/components/UnavailableApplicationModal.scss
new file mode 100644
index 000000000..59738200a
--- /dev/null
+++ b/frontend/src/features/queue/components/UnavailableApplicationModal.scss
@@ -0,0 +1,60 @@
+@import "../../../themes/orbcStyles.scss";
+
+.unavailable-application-modal {
+  & &__container {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__header {
+    padding: 2rem 1.5rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    background-color: $bc-background-light-grey;
+  }
+
+  &__title {
+    font-weight: 600;
+    font-size: 1.5rem;
+    color: $bc-black;
+  }
+
+  &__body {
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  &__text {
+    padding-bottom: 1.5rem;
+  }
+
+  &__footer {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    padding: 0 1.5rem 1.5rem 1.5rem;
+
+  }
+  & &__button {
+
+    &--confirm {
+      color: $white;
+      background-color: $bc-primary-blue;
+      font-weight: bold;
+      cursor: pointer;
+
+      &:hover, &:focus {
+        background-color: $button-hover
+      }
+
+      &:disabled {
+        background-color: $disabled-colour;
+        color: $white;
+      }
+    }
+  }
+}
diff --git a/frontend/src/features/queue/components/UnavailableApplicationModal.tsx b/frontend/src/features/queue/components/UnavailableApplicationModal.tsx
new file mode 100644
index 000000000..0669498f1
--- /dev/null
+++ b/frontend/src/features/queue/components/UnavailableApplicationModal.tsx
@@ -0,0 +1,62 @@
+import { Button, Dialog } from "@mui/material";
+import { FormProvider, useForm } from "react-hook-form";
+import "./UnavailableApplicationModal.scss";
+
+export const UnavailableApplicationModal = ({
+  showModal,
+  onConfirm,
+  onCancel,
+  assignedUser,
+}: {
+  showModal: boolean;
+  onConfirm: () => void;
+  onCancel: () => void;
+  assignedUser: string;
+}) => {
+  const formMethods = useForm<{ comment: string }>({
+    defaultValues: {
+      comment: "",
+    },
+    reValidateMode: "onChange",
+  });
+
+  const handleConfirm = () => onConfirm();
+  const handleCancel = () => onCancel();
+
+  return (
+    <Dialog
+      className="unavailable-application-modal"
+      open={showModal}
+      onClose={handleCancel}
+      PaperProps={{
+        className: "unavailable-application-modal__container",
+      }}
+    >
+      <div className="unavailable-application-modal__header">
+        <span className="unavailable-application-modal__title">
+          Application no longer available
+        </span>
+      </div>
+
+      <FormProvider {...formMethods}>
+        <div className="unavailable-application-modal__body">
+          <span className="unavailable-application-modal__text">
+            This application is claimed by <strong>{assignedUser}.</strong>
+          </span>
+        </div>
+
+        <div className="unavailable-application-modal__footer">
+          <Button
+            className="unavailable-application-modal__button unavailable-application-modal__button--confirm"
+            key="close-application-button"
+            aria-label="Close application"
+            onClick={handleConfirm}
+            data-testid="close-application-button"
+          >
+            Close Application
+          </Button>
+        </div>
+      </FormProvider>
+    </Dialog>
+  );
+};
diff --git a/frontend/src/features/queue/hooks/hooks.ts b/frontend/src/features/queue/hooks/hooks.ts
index 08c843a5b..15f012633 100644
--- a/frontend/src/features/queue/hooks/hooks.ts
+++ b/frontend/src/features/queue/hooks/hooks.ts
@@ -1,6 +1,5 @@
 import { useContext } from "react";
 import { useNavigate } from "react-router-dom";
-import { AxiosError } from "axios";
 import { MRT_PaginationState, MRT_SortingState } from "material-react-table";
 import {
   keepPreviousData,
@@ -16,9 +15,13 @@ import OnRouteBCContext from "../../../common/authentication/OnRouteBCContext";
 import { IDIRUserRoleType } from "../../../common/authentication/types";
 import { Nullable } from "../../../common/types/common";
 import { useTableControls } from "../../permits/hooks/useTableControls";
-import { APPLICATION_QUEUE_STATUSES, ApplicationQueueStatus } from "../types/ApplicationQueueStatus";
+import {
+  APPLICATION_QUEUE_STATUSES,
+  ApplicationQueueStatus,
+} from "../types/ApplicationQueueStatus";
 import {
   claimApplicationInQueue,
+  getApplicationInQueueMetadata,
   getApplicationsInQueue,
   getClaimedApplicationsInQueue,
   getUnclaimedApplicationsInQueue,
@@ -33,23 +36,23 @@ const QUEUE_QUERY_KEYS_BASE = "queue";
  *
  * eg. ["queue"] and ["queue", undefined] refers to all (ApplicationQueueStatus) queue items
  * (regardless of pagination and sorting)
- * 
+ *
  * eg. ["queue", "IN_REVIEW"] only refers to "IN_REVIEW" queue items
  */
 const QUEUE_QUERY_KEYS = {
   ALL_ITEMS: [QUEUE_QUERY_KEYS_BASE] as const,
-  WITH_STATUS: (status?: ApplicationQueueStatus) => [
-    ...QUEUE_QUERY_KEYS.ALL_ITEMS,
-    status,
-  ] as const,
+  WITH_STATUS: (status?: ApplicationQueueStatus) =>
+    [...QUEUE_QUERY_KEYS.ALL_ITEMS, status] as const,
   WITH_PAGINATION: (
     pagination: MRT_PaginationState,
     sorting: MRT_SortingState,
     status?: ApplicationQueueStatus,
-  ) => [
-    ...QUEUE_QUERY_KEYS.WITH_STATUS(status),
-    { pagination, sorting },
-  ] as const,
+  ) =>
+    [...QUEUE_QUERY_KEYS.WITH_STATUS(status), { pagination, sorting }] as const,
+  APPLICATION_METADATA: (applicationId: string) => [
+    QUEUE_QUERY_KEYS_BASE,
+    { applicationId },
+  ],
 };
 
 /**
@@ -195,8 +198,9 @@ export const useUpdateApplicationInQueueStatus = () => {
     onSuccess: () => {
       invalidate();
     },
-    onError: (err: AxiosError) => {
+    onError: (err: any) => {
       if (err.response?.status === 422) {
+        // console.log({ err });
         return err;
       } else {
         navigate(ERROR_ROUTES.UNEXPECTED, {
@@ -215,14 +219,8 @@ export const useSubmitApplicationForReview = () => {
   const { invalidate } = useInvalidateApplicationsInQueue();
 
   return useMutation({
-    mutationFn: async (data: {
-      companyId: number;
-      applicationId: string;
-    }) => {
-      return submitApplicationForReview(
-        data.companyId,
-        data.applicationId,
-      );
+    mutationFn: async (data: { companyId: number; applicationId: string }) => {
+      return submitApplicationForReview(data.companyId, data.applicationId);
     },
     onSuccess: () => {
       invalidate();
@@ -245,3 +243,20 @@ export const useInvalidateApplicationsInQueue = () => {
     },
   };
 };
+
+/**
+ * Hook that fetches additional information for a given applicationId.
+ * @returns Application Metadata including the "assignedUser" property used by the queue feature
+ */
+export const useApplicationInQueueMetadata = ({
+  companyId,
+  applicationId,
+}: {
+  companyId: number;
+  applicationId: string;
+}) => {
+  return useQuery({
+    queryKey: QUEUE_QUERY_KEYS.APPLICATION_METADATA(applicationId),
+    queryFn: () => getApplicationInQueueMetadata(companyId, applicationId),
+  });
+};
diff --git a/frontend/src/features/queue/pages/ReviewApplicationInQueue.tsx b/frontend/src/features/queue/pages/ReviewApplicationInQueue.tsx
deleted file mode 100644
index b09ada4c1..000000000
--- a/frontend/src/features/queue/pages/ReviewApplicationInQueue.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Box } from "@mui/material";
-import { Navigate, useParams } from "react-router-dom";
-import { Banner } from "../../../common/components/dashboard/components/banner/Banner";
-import { Loading } from "../../../common/pages/Loading";
-import { useApplicationDetailsQuery } from "../../permits/hooks/hooks";
-import { ApplicationInQueueReview } from "../components/ApplicationInQueueReview";
-import {
-  applyWhenNotNullable,
-  getDefaultRequiredVal,
-} from "../../../common/helpers/util";
-import { ERROR_ROUTES } from "../../../routes/constants";
-import { deserializeApplicationResponse } from "../../permits/helpers/serialize/deserializeApplication";
-import { UniversalUnexpected } from "../../../common/pages/UniversalUnexpected";
-
-export const ReviewApplicationInQueue = () => {
-  const { companyId: companyIdParam, permitId: permitIdParam } = useParams();
-
-  const companyId: number = applyWhenNotNullable(
-    (id) => Number(id),
-    companyIdParam,
-    0,
-  );
-  const permitId = getDefaultRequiredVal("", permitIdParam);
-
-  const {
-    query: { data: applicationData, isLoading: applicationDataIsLoading },
-  } = useApplicationDetailsQuery({
-    companyId,
-    permitId,
-  });
-
-  if (!companyId || !permitId) {
-    return <Navigate to={ERROR_ROUTES.UNEXPECTED} />;
-  }
-
-  if (applicationDataIsLoading) {
-    return <Loading />;
-  }
-
-  if (!applicationData) {
-    return <UniversalUnexpected />;
-  }
-
-  return (
-    <div className="review-application-in-queue">
-      <Box
-        className="layout-box"
-        sx={{
-          borderBottom: 1,
-          borderColor: "divider",
-        }}
-      >
-        <Banner bannerText="Review and Confirm Details" />
-      </Box>
-
-      <ApplicationInQueueReview
-        applicationData={deserializeApplicationResponse(applicationData)}
-      />
-    </div>
-  );
-};
diff --git a/vehicles/src/modules/case-management/case-management.service.ts b/vehicles/src/modules/case-management/case-management.service.ts
index 28e8eba56..212cd1118 100644
--- a/vehicles/src/modules/case-management/case-management.service.ts
+++ b/vehicles/src/modules/case-management/case-management.service.ts
@@ -565,6 +565,7 @@ export class CaseManagementService {
       } else if (existingCase.assignedUser?.userGUID !== currentUser.userGUID) {
         throwUnprocessableEntityException(
           `Application no longer available. This application is claimed by ${existingCase.assignedUser?.userName}`,
+          { currentClaimant: existingCase.assignedUser?.userName },
         );
       } else if (existingCase.caseStatusType !== CaseStatusType.IN_PROGRESS) {
         throwUnprocessableEntityException('Application no longer available.');