diff --git a/web/ce/components/instance/index.ts b/web/ce/components/instance/index.ts
new file mode 100644
index 000000000..960f954e7
--- /dev/null
+++ b/web/ce/components/instance/index.ts
@@ -0,0 +1 @@
+export * from "./maintenance-message";
diff --git a/web/ce/components/instance/maintenance-message.tsx b/web/ce/components/instance/maintenance-message.tsx
new file mode 100644
index 000000000..a55d7d149
--- /dev/null
+++ b/web/ce/components/instance/maintenance-message.tsx
@@ -0,0 +1,6 @@
+export const MaintenanceMessage = () => (
+  <h1 className="text-xl font-medium text-custom-text-100 text-center md:text-left">
+    Plane didn&apos;t start up. This could be because one or more Plane services failed to start. <br /> Choose View
+    Logs from setup.sh and Docker logs to be sure.
+  </h1>
+);
diff --git a/web/ce/components/maintenance-mode.tsx b/web/ce/components/maintenance-mode.tsx
deleted file mode 100644
index cab780e47..000000000
--- a/web/ce/components/maintenance-mode.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-"use client";
-
-import { FC, Fragment } from "react";
-
-export const MaintenanceMode: FC = () => <Fragment />;
diff --git a/web/core/components/instance/index.ts b/web/core/components/instance/index.ts
index a85c1dd5b..43e76eba7 100644
--- a/web/core/components/instance/index.ts
+++ b/web/core/components/instance/index.ts
@@ -1 +1,2 @@
 export * from "./not-ready-view";
+export * from "./maintenance-view";
diff --git a/web/core/components/instance/maintenance-view.tsx b/web/core/components/instance/maintenance-view.tsx
new file mode 100644
index 000000000..8dd4c34e7
--- /dev/null
+++ b/web/core/components/instance/maintenance-view.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+import { FC } from "react";
+import Image from "next/image";
+// ui
+import { Button } from "@plane/ui";
+// layouts
+import DefaultLayout from "@/layouts/default-layout";
+// components
+import { MaintenanceMessage } from "@/plane-web/components/instance";
+// images
+import maintenanceModeImage from "@/public/maintenance-mode.webp";
+
+export const MaintenanceView: FC = () => (
+  <DefaultLayout>
+    <div className="relative container mx-auto h-full w-full flex flex-col md:flex-row gap-2 items-center justify-center gap-y-5 bg-custom-background-100 text-center">
+      <div className="relative w-full">
+        <Image
+          src={maintenanceModeImage}
+          height="176"
+          width="288"
+          alt="ProjectSettingImg"
+          className="w-full h-full object-fill object-center"
+        />
+      </div>
+      <div className="w-full space-y-4 relative flex flex-col justify-center md:justify-start items-center md:items-start">
+        <MaintenanceMessage />
+        <Button variant="outline-primary" onClick={() => window.location.reload()}>
+          Reload
+        </Button>
+      </div>
+    </div>
+  </DefaultLayout>
+);
diff --git a/web/core/lib/wrappers/instance-wrapper.tsx b/web/core/lib/wrappers/instance-wrapper.tsx
index 16590723f..5379973e5 100644
--- a/web/core/lib/wrappers/instance-wrapper.tsx
+++ b/web/core/lib/wrappers/instance-wrapper.tsx
@@ -3,11 +3,9 @@ import { observer } from "mobx-react";
 import useSWR from "swr";
 // components
 import { LogoSpinner } from "@/components/common";
-import { InstanceNotReady } from "@/components/instance";
+import { InstanceNotReady, MaintenanceView } from "@/components/instance";
 // hooks
 import { useInstance } from "@/hooks/store";
-// plane web components
-import { MaintenanceMode } from "@/plane-web/components/maintenance-mode";
 
 type TInstanceWrapper = {
   children: ReactNode;
@@ -32,7 +30,7 @@ export const InstanceWrapper: FC<TInstanceWrapper> = observer((props) => {
       </div>
     );
 
-  if (instanceSWRError) return <MaintenanceMode />;
+  if (instanceSWRError) return <MaintenanceView />;
 
   // something went wrong while in the request
   if (error && error?.status === "error") return <>{children}</>;
diff --git a/web/ee/components/instance/index.ts b/web/ee/components/instance/index.ts
new file mode 100644
index 000000000..e550badbc
--- /dev/null
+++ b/web/ee/components/instance/index.ts
@@ -0,0 +1 @@
+export * from "ce/components/instance";
diff --git a/web/ee/components/instance/maintenance-message.tsx b/web/ee/components/instance/maintenance-message.tsx
new file mode 100644
index 000000000..0c55a8c2d
--- /dev/null
+++ b/web/ee/components/instance/maintenance-message.tsx
@@ -0,0 +1 @@
+export const MaintenanceMessage = () => <></>;
diff --git a/web/ee/components/maintenance-mode.tsx b/web/ee/components/maintenance-mode.tsx
deleted file mode 100644
index 9431b7a38..000000000
--- a/web/ee/components/maintenance-mode.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "ce/components/maintenance-mode";
diff --git a/web/public/maintenance-mode.webp b/web/public/maintenance-mode.webp
new file mode 100644
index 000000000..98ba4ba67
Binary files /dev/null and b/web/public/maintenance-mode.webp differ