diff --git a/src/components/Project/ActivityTimeline.jsx b/src/components/Project/ActivityTimeline.jsx
index 159b182c..06cfa572 100644
--- a/src/components/Project/ActivityTimeline.jsx
+++ b/src/components/Project/ActivityTimeline.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { ComingSoonPage } from "../../pages/Misc/ComingSoonPage";
 
 const ActivityTimeline = () => {
   return (
@@ -132,21 +133,7 @@ const ActivityTimeline = () => {
     //     </ul>
     //   </div>
     // </div>
-    <div className="misc-wrapper">
-    <h2 className="mb-2 mx-2">Coming Soon!</h2>
-    <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-    Thank you for your patience!</p>
-    <div className="mt-4">
-        <img
-            src="../assets/img/illustrations/girl-doing-yoga-light.png"
-            alt="girl-doing-yoga-light"
-            aria-label="Girl doing yoga light"
-            width="500"
-            className="img-fluid"
-            data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-            data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-    </div>
-</div>
+    <ComingSoonPage></ComingSoonPage>
   );
 };
 
diff --git a/src/components/Project/WorkPlan.jsx b/src/components/Project/WorkPlan.jsx
index ebaa8a8b..9a5ff8f5 100644
--- a/src/components/Project/WorkPlan.jsx
+++ b/src/components/Project/WorkPlan.jsx
@@ -1,25 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../../pages/Misc/ComingSoonPage";
 
 const WorkPlan = () => {
-  return (
-    <>
-        <div className="misc-wrapper">
-            <h2 className="mb-2 mx-2">Coming Soon!</h2>
-            <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-            Thank you for your patience!</p>
-            <div className="mt-4">
-                <img
-                    src="../assets/img/illustrations/girl-doing-yoga-light.png"
-                    alt="girl-doing-yoga-light"
-                    aria-label="Girl doing yoga light"
-                    width="500"
-                    className="img-fluid"
-                    data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-                    data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-            </div>
-        </div>
-    </>
-)
+  return <ComingSoonPage></ComingSoonPage>;
 };
 
 export default WorkPlan;
diff --git a/src/data/menuData.json b/src/data/menuData.json
index af3ae9f8..29fbdfa2 100644
--- a/src/data/menuData.json
+++ b/src/data/menuData.json
@@ -81,15 +81,10 @@
                 "link": "",
                 "submenu": [
                     {
-                        "text": "Application Users",
+                        "text": "Users",
                         "available": true,
                         "link": "/employees/"
                     },
-                    {
-                        "text": "Employees",
-                        "available": true,
-                        "link": "/employees/list"
-                    },
                     {
                         "text": "Masters",
                         "available": true,
diff --git a/src/pages/Gallary/ImageGallary.jsx b/src/pages/Gallary/ImageGallary.jsx
index de5c2bcc..c0939fcd 100644
--- a/src/pages/Gallary/ImageGallary.jsx
+++ b/src/pages/Gallary/ImageGallary.jsx
@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const ImageGallary = () => {
-  return  <div className="misc-wrapper">
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
+  return  <ComingSoonPage></ComingSoonPage>;
 };
 
 export default ImageGallary;
diff --git a/src/pages/Misc/ComingSoonPage.jsx b/src/pages/Misc/ComingSoonPage.jsx
index 937b4603..8428a0a1 100644
--- a/src/pages/Misc/ComingSoonPage.jsx
+++ b/src/pages/Misc/ComingSoonPage.jsx
@@ -4,8 +4,8 @@ import { Link } from 'react-router-dom'
 export const ComingSoonPage = () => {
     return (
         <>
-            <div className="misc-wrapper">
-                <h2 className="mb-2 mx-2">Coming Soon!</h2>
+            <div className="misc-wrapper pt-10">
+                <h5 className="mb-2 mx-2">Coming Soon!</h5>
                 <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
                     Thank you for your patience!</p>
                 <div className="mt-4">
diff --git a/src/pages/project/Inventory.jsx b/src/pages/project/Inventory.jsx
index 74ca9e5e..488474ec 100644
--- a/src/pages/project/Inventory.jsx
+++ b/src/pages/project/Inventory.jsx
@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Inventory = () => {
-  return  <div className="misc-wrapper">
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
+  return  <ComingSoonPage></ComingSoonPage>;
 };
 
 export default Inventory;
diff --git a/src/pages/project/ProjectDetails.jsx b/src/pages/project/ProjectDetails.jsx
index 7d3850b5..91799d67 100644
--- a/src/pages/project/ProjectDetails.jsx
+++ b/src/pages/project/ProjectDetails.jsx
@@ -18,6 +18,7 @@ import "./ProjectDetails.css";
 import {useEmployeesByProjectAllocated, useProjectDetails} from "../../hooks/useProjects";
 import {useDispatch} from "react-redux";
 import {setProjectId} from "../../slices/localVariablesSlice";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 
 const ProjectDetails = () => {
@@ -150,21 +151,7 @@ const ProjectDetails = () => {
       }
     
       default:
-        return  <div className="misc-wrapper">
-        <h2 className="mb-2 mx-2">Coming Soon!</h2>
-        <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-        Thank you for your patience!</p>
-        <div className="mt-4">
-            <img
-                src="../assets/img/illustrations/girl-doing-yoga-light.png"
-                alt="girl-doing-yoga-light"
-                aria-label="Girl doing yoga light"
-                width="500"
-                className="img-fluid"
-                data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-                data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-        </div>
-    </div>;
+        return  <ComingSoonPage></ComingSoonPage>;
     }
   };
 
diff --git a/src/pages/reports/Reports.jsx b/src/pages/reports/Reports.jsx
index b14cce50..496ce1b1 100644
--- a/src/pages/reports/Reports.jsx
+++ b/src/pages/reports/Reports.jsx
@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Reports = () => {
-  return  <div className="misc-wrapper">
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
+  return  <ComingSoonPage></ComingSoonPage>;
 };
 
 export default Reports;
diff --git a/src/pages/support/Connect.jsx b/src/pages/support/Connect.jsx
index 31a19dfd..fd8d9d2f 100644
--- a/src/pages/support/Connect.jsx
+++ b/src/pages/support/Connect.jsx
@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Connect = () => {
-  return  <div className="misc-wrapper">
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
+  return  <ComingSoonPage></ComingSoonPage>;
 };
 
 export default Connect;
diff --git a/src/pages/support/Documentation.jsx b/src/pages/support/Documentation.jsx
index fad15f99..58351da4 100644
--- a/src/pages/support/Documentation.jsx
+++ b/src/pages/support/Documentation.jsx
@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Documentation = () => {
-  return  <div className="misc-wrapper">
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
+  return  <ComingSoonPage></ComingSoonPage>;
 };
 
 export default Documentation;
diff --git a/src/pages/support/Support.jsx b/src/pages/support/Support.jsx
index aac9a4b5..ef3c0a17 100644
--- a/src/pages/support/Support.jsx
+++ b/src/pages/support/Support.jsx
@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Support = () => {
-  return  <div className="misc-wrapper">
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
+  return  <ComingSoonPage></ComingSoonPage>;
 };
 
 export default Support;