diff --git a/client/src/components/layouts/mobile-sidebar.tsx b/client/src/components/layouts/mobile-sidebar.tsx
index 7a1b427..f970444 100644
--- a/client/src/components/layouts/mobile-sidebar.tsx
+++ b/client/src/components/layouts/mobile-sidebar.tsx
@@ -14,6 +14,8 @@ import {
   CreditCard,
   X,
   LogOut,
+  Webhook,
+  ClipboardList,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
@@ -73,6 +75,18 @@ export function MobileSidebar({ isOpen, onClose }: MobileSidebarProps) {
       icon: <Users className="w-5 h-5 mr-3" />,
       roles: ["admin"],
     },
+    {
+      title: "Webhooks",
+      href: "/webhooks",
+      icon: <Webhook className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
+    {
+      title: "Webhook Logs",
+      href: "/webhook-logs",
+      icon: <ClipboardList className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
     {
       title: "Providers",
       href: "/providers",
diff --git a/client/src/components/layouts/sidebar.tsx b/client/src/components/layouts/sidebar.tsx
index 7386232..154de30 100644
--- a/client/src/components/layouts/sidebar.tsx
+++ b/client/src/components/layouts/sidebar.tsx
@@ -14,6 +14,8 @@ import {
   Settings,
   CreditCard,
   LogOut,
+  Webhook,
+  ClipboardList,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
@@ -68,6 +70,18 @@ export function Sidebar() {
       icon: <Users className="w-5 h-5 mr-3" />,
       roles: ["admin"],
     },
+    {
+      title: "Webhooks",
+      href: "/webhooks",
+      icon: <Webhook className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
+    {
+      title: "Webhook Logs",
+      href: "/webhook-logs",
+      icon: <ClipboardList className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
     {
       title: "Providers",
       href: "/providers",