diff --git a/src/lib/api/base.js b/src/lib/api/base.js
index 53650b563..ef49818e6 100644
--- a/src/lib/api/base.js
+++ b/src/lib/api/base.js
@@ -12,7 +12,7 @@ const apiConfig = {
 const http = axios.create(apiConfig);
 
 // List used to specify whether to redirect to route `/errors` & prevent a redundant error notifation
-const HTTP_STATUS_CODES_WITH_ERROR_PAGE = [404, 410, 429, 500];
+const HTTP_STATUS_CODES_WITH_ERROR_PAGE = [404, 410, 403, 429, 500];
 // The corresponding dedicated error page components exist in `@pages/frontsite/ErrorPafe`
 const URLS_NOT_TO_REDIRECT_IF_UNAUTHORIZED = ['/me', '/me/loans'];
 // CSRF possible errors
diff --git a/src/lib/pages/frontsite/ErrorsPage/ErrorsPage.js b/src/lib/pages/frontsite/ErrorsPage/ErrorsPage.js
index 1f4733052..8510944a3 100644
--- a/src/lib/pages/frontsite/ErrorsPage/ErrorsPage.js
+++ b/src/lib/pages/frontsite/ErrorsPage/ErrorsPage.js
@@ -4,6 +4,7 @@ import {
   NotFound,
   HttpErrorComponent,
   TooManyRequests,
+  Unauthorized,
 } from '@components/HttpErrors';
 
 export class ErrorsPage extends Component {
@@ -26,6 +27,8 @@ export class ErrorsPage extends Component {
             icon="compass outline"
           />
         );
+      } else if (params.errorCode === 403) {
+        return <Unauthorized />;
       } else if (params.errorCode === 429) {
         return <TooManyRequests />;
       }