diff --git a/src/pages/Filing/ViewInstitutionProfile/index.tsx b/src/pages/Filing/ViewInstitutionProfile/index.tsx
index 8c2cb341..659fa520 100644
--- a/src/pages/Filing/ViewInstitutionProfile/index.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/index.tsx
@@ -1,13 +1,14 @@
import { useQuery } from '@tanstack/react-query';
import { fetchInstitutionDetails } from 'api/requests';
import useSblAuth from 'api/useSblAuth';
+import CommonLinks from 'components/CommonLinks';
import CrumbTrail from 'components/CrumbTrail';
import FormHeaderWrapper from 'components/FormHeaderWrapper';
import FormWrapper from 'components/FormWrapper';
import { Link } from 'components/Link';
import { LoadingContent } from 'components/Loading';
+import { Alert } from 'design-system-react';
import { useParams } from 'react-router-dom';
-import { Error500 } from '../../Error/Error500';
import { AffiliateInformation } from './AffiliateInformation';
import { FinancialInstitutionDetails } from './FinancialInstitutionDetails';
import { IdentifyingInformation } from './IdentifyingInformation';
@@ -23,10 +24,25 @@ function InstitutionDetails(): JSX.Element | null {
);
if (isLoading) return ;
- if (isError)
- return (
-
- );
+
+ const errorMessage = 'A problem occurred when trying to load your profile';
+
+ const content = isError ? (
+
+ Try again in a few minutes. If this issues persists,{' '}
+ .
+
+ ) : (
+ <>
+
+
+
+ {/* TODO: include history of changes after MVP
+ https://github.com/cfpb/sbl-project/issues/39
+
+ */}
+ >
+ );
return (
@@ -39,13 +55,7 @@ function InstitutionDetails(): JSX.Element | null {
-
-
-
- {/* TODO: include history of changes after MVP
- https://github.com/cfpb/sbl-project/issues/39
-
- */}
+ {content}
);