diff --git a/Client/src/Pages/Incidents/index.css b/Client/src/Pages/Incidents/index.css
index e69de29bb..9886428f3 100644
--- a/Client/src/Pages/Incidents/index.css
+++ b/Client/src/Pages/Incidents/index.css
@@ -0,0 +1,13 @@
+.maintenance-checklist-card {
+  max-width: 314;
+  margin: auto;
+  padding: 2;
+  box-shadow: 3;
+}
+
+.maintenance-checklist-box {
+  height: 100;
+  background-color: grey;
+  border-radius: 1px;
+  margin-bottom: 2px;
+}
diff --git a/Client/src/Pages/Incidents/index.jsx b/Client/src/Pages/Incidents/index.jsx
index e1aa44740..a6f305498 100644
--- a/Client/src/Pages/Incidents/index.jsx
+++ b/Client/src/Pages/Incidents/index.jsx
@@ -1,9 +1,18 @@
-import React from 'react'
+import React from "react";
+import { Card, CardContent, Box, Typography, Button } from "@mui/material";
 
 const Incidents = () => {
-    return (
-        <div>Incidents</div>
-    )
-}
+  return (
+    <Card>
+      <CardContent>
+        <Box />
+        <Typography>Create a maintenance window to</Typography>
+      </CardContent>
+      <Box>
+        <Button>Let&apos;s create your maintenance window</Button>
+      </Box>
+    </Card>
+  );
+};
 
-export default Incidents
\ No newline at end of file
+export default Incidents;
diff --git a/Client/src/Pages/Status/index.jsx b/Client/src/Pages/Status/index.jsx
index 33729f7e1..f0cf82b60 100644
--- a/Client/src/Pages/Status/index.jsx
+++ b/Client/src/Pages/Status/index.jsx
@@ -1,9 +1,7 @@
-import React from 'react'
+import React from "react";
 
 const Status = () => {
-    return (
-        <div>Status</div>
-    )
-}
+  return <div>Status</div>;
+};
 
-export default Status
\ No newline at end of file
+export default Status;