diff --git a/app/client/src/pages/common/ServerUnavailable.tsx b/app/client/src/pages/common/ServerUnavailable.tsx
index 8cc0d3d148..49504fac71 100644
--- a/app/client/src/pages/common/ServerUnavailable.tsx
+++ b/app/client/src/pages/common/ServerUnavailable.tsx
@@ -3,6 +3,7 @@ import styled from "styled-components";
 import Button from "components/editorComponents/Button";
 import PageUnavailableImage from "assets/images/404-image.png";
 import { APPLICATIONS_URL } from "constants/routes";
+import history from "utils/history";
 
 const Wrapper = styled.div`
   text-align: center;
@@ -38,7 +39,7 @@ const ServerUnavailable = () => {
           iconAlignment="right"
           size="small"
           className="button-position"
-          onClick={() => this.props.history.push(APPLICATIONS_URL)}
+          onClick={() => history.push(APPLICATIONS_URL)}
         />
       </div>
     </Wrapper>