diff --git a/ui/litellm-dashboard/src/app/(dashboard)/routing-groups/page.tsx b/ui/litellm-dashboard/src/app/(dashboard)/routing-groups/page.tsx
new file mode 100644
index 00000000000..2460f27a566
--- /dev/null
+++ b/ui/litellm-dashboard/src/app/(dashboard)/routing-groups/page.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import RoutingGroupsView from "@/components/routing_groups/RoutingGroupsView";
+import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized";
+
+const RoutingGroupsPage = () => {
+  const { accessToken, userId, userRole } = useAuthorized();
+
+  return (
+    <RoutingGroupsView
+      accessToken={accessToken}
+      userRole={userRole ?? ""}
+      userId={userId ?? ""}
+    />
+  );
+};
+
+export default RoutingGroupsPage;