diff --git a/client/src/app/admin/events/page.tsx b/client/src/app/admin/events/page.tsx
new file mode 100644
index 000000000..0ac361375
--- /dev/null
+++ b/client/src/app/admin/events/page.tsx
@@ -0,0 +1,16 @@
+"use client"
+
+import WorkInProgressComponent from "@/components/generic/WorkInProgressComponent/WorkInProgressComponent"
+import { AdminHeading } from "../AdminHeading"
+
+export default function AdminEventsPage() {
+  return (
+    <>
+      <AdminHeading title="Events" />
+      <div className="fixed flex h-screen w-full flex-col items-center justify-center gap-4">
+        <WorkInProgressComponent pageName="Admin Events" />
+        <p className="text-light-blue-100">Work in progress</p>
+      </div>
+    </>
+  )
+}
diff --git a/client/src/components/composite/Admin/AdminNavbar/AdminNavbar.tsx b/client/src/components/composite/Admin/AdminNavbar/AdminNavbar.tsx
index d167527b5..3e897704c 100644
--- a/client/src/components/composite/Admin/AdminNavbar/AdminNavbar.tsx
+++ b/client/src/components/composite/Admin/AdminNavbar/AdminNavbar.tsx
@@ -16,7 +16,7 @@ const Exit = () => {
 const AdminNavbar = () => {
   return (
     <div
-      className="top-13 fixed  z-[99] flex h-[46px] w-screen 
+      className="top-13 fixed  z-[99] flex h-[46px] w-screen
       items-center overflow-hidden border bg-white"
     >
       <span className="relative flex w-full items-center px-4 md:pl-28">
@@ -27,6 +27,9 @@ const AdminNavbar = () => {
           <WrappedTab mobileCompatiability={false} to="/admin/bookings">
             bookings
           </WrappedTab>
+          <WrappedTab mobileCompatiability={false} to="/admin/events">
+            events
+          </WrappedTab>
           <WrappedTab mobileCompatiability={false} to="/admin/availability">
             availability
           </WrappedTab>