diff --git a/containers/ecr-viewer/src/app/page.tsx b/containers/ecr-viewer/src/app/page.tsx
index 6f5eece7cd..1ff1f476a8 100644
--- a/containers/ecr-viewer/src/app/page.tsx
+++ b/containers/ecr-viewer/src/app/page.tsx
@@ -30,34 +30,30 @@ const HomePage = async ({
     totalCount = await getTotalEcrCount(searchTerm);
   }
 
-  return (
+  return isNonIntegratedViewer ? (
     <div className="display-flex flex-column height-viewport">
       <Header />
       <main className="overflow-auto height-full">
-        {isNonIntegratedViewer ? (
-          <>
-            <div className="margin-x-3 padding-y-105 display-flex flex-align-center">
-              <span className="text-bold font-sans-xl">eCR Library</span>{" "}
-              <LibrarySearch
-                className="margin-left-auto"
-                textBoxClassName="width-21-9375"
-              />
-            </div>
-            <EcrPaginationWrapper totalCount={totalCount}>
-              <EcrTable
-                currentPage={currentPage}
-                itemsPerPage={itemsPerPage}
-                sortColumn={sortColumn}
-                sortDirection={sortDirection}
-                searchTerm={searchTerm}
-              />
-            </EcrPaginationWrapper>
-          </>
-        ) : (
-          <NotFound />
-        )}
+        <div className="margin-x-3 padding-y-105 display-flex flex-align-center">
+          <span className="text-bold font-sans-xl">eCR Library</span>{" "}
+          <LibrarySearch
+            className="margin-left-auto"
+            textBoxClassName="width-21-9375"
+          />
+        </div>
+        <EcrPaginationWrapper totalCount={totalCount}>
+          <EcrTable
+            currentPage={currentPage}
+            itemsPerPage={itemsPerPage}
+            sortColumn={sortColumn}
+            sortDirection={sortDirection}
+            searchTerm={searchTerm}
+          />
+        </EcrPaginationWrapper>
       </main>
     </div>
+  ) : (
+    <NotFound />
   );
 };
 
diff --git a/containers/ecr-viewer/src/app/tests/view-data.test.tsx b/containers/ecr-viewer/src/app/tests/view-data.test.tsx
index 7f0144e70f..a295bfb294 100644
--- a/containers/ecr-viewer/src/app/tests/view-data.test.tsx
+++ b/containers/ecr-viewer/src/app/tests/view-data.test.tsx
@@ -51,7 +51,7 @@ describe("ECRViewerPage", () => {
 
     render(<ECRViewerPage />);
 
-    expect(await screen.findByText("Page not found"));
+    expect(await screen.findByText("eCR retrieval failed"));
   });
 
   it("should handle 500 error", async () => {
diff --git a/containers/ecr-viewer/src/app/view-data/page.tsx b/containers/ecr-viewer/src/app/view-data/page.tsx
index d806a5723f..5a0bf683f9 100644
--- a/containers/ecr-viewer/src/app/view-data/page.tsx
+++ b/containers/ecr-viewer/src/app/view-data/page.tsx
@@ -17,7 +17,7 @@ import { metrics } from "./component-utils";
 import { EcrLoadingSkeleton } from "./components/LoadingComponent";
 import Header from "../Header";
 import PatientBanner from "./components/PatientBanner";
-import NotFound from "../not-found";
+import RetrievalFailed from "./retrieval-failed";
 
 interface FetchError {
   status: number;
@@ -79,7 +79,7 @@ const ECRViewerPage: React.FC = () => {
 
   if (errors) {
     if (errors.status === 404) {
-      return <NotFound />;
+      return <RetrievalFailed />;
     }
     return (
       <div>
diff --git a/containers/ecr-viewer/src/app/view-data/retrieval-failed.tsx b/containers/ecr-viewer/src/app/view-data/retrieval-failed.tsx
new file mode 100644
index 0000000000..68975c572a
--- /dev/null
+++ b/containers/ecr-viewer/src/app/view-data/retrieval-failed.tsx
@@ -0,0 +1,39 @@
+"use client";
+import React from "react";
+import { Icon } from "@trussworks/react-uswds";
+import Header from "../Header";
+
+/**
+ * @returns The ecr retrieval error page JSX component.
+ */
+const RetrievalFailed = () => (
+  <div className="height-viewport width-viewport display-flex flex-column">
+    <Header />
+    <main className="display-flex flex-justify-center height-full">
+      <div className="display-inline-block margin-y-auto">
+        <h2 className="font-family-serif font-serif-xl margin-bottom-0">
+          <Icon.Error
+            size={5}
+            className="margin-right-105 text-middle"
+            aria-hidden
+          />
+          eCR retrieval failed
+        </h2>
+        <div className="text-semibold font-sans-md margin-top-1">
+          The eCR Viewer couldn't retrieve the associated eCR file
+        </div>
+        <div className="bg-info-lighter border border-info-light radius-md font-sans-md line-height-sans-4 padding-3 margin-top-2">
+          This is likely because the DIBBs pipeline hasn't processed this eCR.
+          <p />
+          <div className="margin-0">
+            <b>Contact support:</b> If the problem persists, please reach out to
+            your eCR coordinator
+            <br /> to troubleshoot the issue with the DIBBs team.
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+);
+
+export default RetrievalFailed;