diff --git a/client/src/components/layouts/sidebar.tsx b/client/src/components/layouts/sidebar.tsx
index 154de30..e6daf26 100644
--- a/client/src/components/layouts/sidebar.tsx
+++ b/client/src/components/layouts/sidebar.tsx
@@ -16,6 +16,7 @@ import {
   LogOut,
   Webhook,
   ClipboardList,
+  ShieldAlert,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
@@ -70,6 +71,12 @@ export function Sidebar() {
       icon: <Users className="w-5 h-5 mr-3" />,
       roles: ["admin"],
     },
+    {
+      title: "Roles",
+      href: "/roles",
+      icon: <ShieldAlert className="w-5 h-5 mr-3" />,
+      roles: ["admin"],
+    },
     {
       title: "Webhooks",
       href: "/webhooks",