diff --git a/components/case/representation/index.js b/components/case/representation/index.js
index 55684919..3b045eba 100644
--- a/components/case/representation/index.js
+++ b/components/case/representation/index.js
@@ -1029,7 +1029,10 @@ let MakeRepresentation = (props) => {
             if (currentView.representationSubmit == true) {
                 console.log("capacity", currentView.representationCapacity);
                 console.log("has errors:", props.invalid);
-                Object.assign(values, { "locale": router.locale });
+                Object.assign(values, {
+                    "locale": router.locale,
+                    "repComplete": currentView.caseReference.currentReference,
+                });
                 props.invalid == false &&
                     updateRepresentation(values, false, false);
                 //   values.hasOwnProperty("representationDocuments") &&
diff --git a/components/myportal/topthree_reps.js b/components/myportal/topthree_reps.js
index 7bb660b9..eaf5240d 100644
--- a/components/myportal/topthree_reps.js
+++ b/components/myportal/topthree_reps.js
@@ -187,39 +187,44 @@ const TopThree = (props) => {
                 <div className="cardModuleDetails">
                     <div className="cardModuleReference">
                         <b>{t("myportal:case-reference")}:</b>
-                        <Link
-                            // href="#"
-                            href={{
-                                pathname:
-                                    router.locale == "cy"
-                                        ? "/fymhorth/representation"
-                                        : "/myportal/representation",
-                                query: {
-                                    case: showTopThreeArr[key].caseRef,
-                                    state: "edit",
-                                    created: showTopThreeArr[key].repfile_name,
-                                },
-                            }}
-                            className="govuk-link--no-underline"
-                            data-id={index}
-                            onClick={() => {
-                                setCurrentReference({
-                                    "ticketnumber":
-                                        showTopThreeArr[key].ticketnumber,
-                                    "currentReference":
-                                        showTopThreeArr[key].caseRef,
-                                    "currentType": topThreeType,
-                                    "incidentid":
-                                        showTopThreeArr[key].incidentID,
-                                    "appealType":
-                                        showTopThreeArr[key].appealType,
-                                    "repDetails": showTopThreeArr[key],
-                                });
-                                isLPA && setRepresentationCapacity("lpa");
-                            }}
-                        >
-                            {showTopThreeArr[key].pinswg_name}
-                        </Link>
+                        {showTopThreeArr[key].hasOwnProperty("repComplete") ? (
+                            <b>{showTopThreeArr[key].pinswg_name}</b>
+                        ) : (
+                            <Link
+                                // href="#"
+                                href={{
+                                    pathname:
+                                        router.locale == "cy"
+                                            ? "/fymhorth/representation"
+                                            : "/myportal/representation",
+                                    query: {
+                                        case: showTopThreeArr[key].caseRef,
+                                        state: "edit",
+                                        created:
+                                            showTopThreeArr[key].repfile_name,
+                                    },
+                                }}
+                                className="govuk-link--no-underline"
+                                data-id={index}
+                                onClick={() => {
+                                    setCurrentReference({
+                                        "ticketnumber":
+                                            showTopThreeArr[key].ticketnumber,
+                                        "currentReference":
+                                            showTopThreeArr[key].caseRef,
+                                        "currentType": topThreeType,
+                                        "incidentid":
+                                            showTopThreeArr[key].incidentID,
+                                        "appealType":
+                                            showTopThreeArr[key].appealType,
+                                        "repDetails": showTopThreeArr[key],
+                                    });
+                                    isLPA && setRepresentationCapacity("lpa");
+                                }}
+                            >
+                                {showTopThreeArr[key].pinswg_name}
+                            </Link>
+                        )}
                     </div>
                     <div className="cardModuleReference">
                         <b>{t("myportal:representation-type")}:</b>
@@ -269,30 +274,41 @@ const TopThree = (props) => {
                                   "_pinswg_localplanningauthority_value@OData.Community.Display.V1.FormattedValue"
                               ] || ""}
                     </div>
+                    {showTopThreeArr[key].hasOwnProperty("repComplete") && (
+                        <div className="cardModuleReference">
+                            <b>
+                                {" "}
+                                {t("myportal:submission-processing-label")}
+                                .....
+                            </b>
+                        </div>
+                    )}
                 </div>
-                <div className="">
-                    <button
-                        title={t("case:do-you-want-to-delete-case-label")}
-                        className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
-                        onClick={() => {
-                            confirm(
-                                t("case:do-you-want-to-delete-case-label") +
-                                    showTopThreeArr[key].pinswg_name +
-                                    "?\n" +
-                                    t(
-                                        "case:do-you-want-to-delete-case-disclaimer-label"
-                                    )
-                            ) &&
-                                deleteRepItem(
-                                    props.accountDetails.containerID,
-                                    showTopThreeArr[key].pinswg_name,
-                                    showTopThreeArr[key].repfile_name
-                                );
-                        }}
-                    >
-                        &mdash;
-                    </button>
-                </div>
+                {!showTopThreeArr[key].hasOwnProperty("repComplete") && (
+                    <div className="">
+                        <button
+                            title={t("case:do-you-want-to-delete-case-label")}
+                            className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
+                            onClick={() => {
+                                confirm(
+                                    t("case:do-you-want-to-delete-case-label") +
+                                        showTopThreeArr[key].pinswg_name +
+                                        "?\n" +
+                                        t(
+                                            "case:do-you-want-to-delete-case-disclaimer-label"
+                                        )
+                                ) &&
+                                    deleteRepItem(
+                                        props.accountDetails.containerID,
+                                        showTopThreeArr[key].pinswg_name,
+                                        showTopThreeArr[key].repfile_name
+                                    );
+                            }}
+                        >
+                            &mdash;
+                        </button>
+                    </div>
+                )}
             </div>
         );
     });