diff --git a/client/src/components/layouts/mobile-sidebar.tsx b/client/src/components/layouts/mobile-sidebar.tsx
index f970444..3730b7c 100644
--- a/client/src/components/layouts/mobile-sidebar.tsx
+++ b/client/src/components/layouts/mobile-sidebar.tsx
@@ -75,6 +75,12 @@ export function MobileSidebar({ isOpen, onClose }: MobileSidebarProps) {
       icon: <Users className="w-5 h-5 mr-3" />,
       roles: ["admin"],
     },
+    {
+      title: "Groups",
+      href: "/groups",
+      icon: <Users className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
     {
       title: "Webhooks",
       href: "/webhooks",
diff --git a/client/src/components/layouts/sidebar.tsx b/client/src/components/layouts/sidebar.tsx
index e6daf26..4dbbdc2 100644
--- a/client/src/components/layouts/sidebar.tsx
+++ b/client/src/components/layouts/sidebar.tsx
@@ -17,6 +17,7 @@ import {
   Webhook,
   ClipboardList,
   ShieldAlert,
+  UsersRound,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
@@ -71,6 +72,12 @@ export function Sidebar() {
       icon: <Users className="w-5 h-5 mr-3" />,
       roles: ["admin"],
     },
+    {
+      title: "Groups",
+      href: "/groups",
+      icon: <UsersRound className="w-5 h-5 mr-3" />,
+      roles: ["admin", "manager"],
+    },
     {
       title: "Roles",
       href: "/roles",