);
diff --git a/ui/components/integrations/saml-integration-card.tsx b/ui/components/integrations/saml-integration-card.tsx
index 2c7640b767..e1f4cb66f0 100644
--- a/ui/components/integrations/saml-integration-card.tsx
+++ b/ui/components/integrations/saml-integration-card.tsx
@@ -1,6 +1,7 @@
"use client";
import { Card, CardBody, CardHeader } from "@nextui-org/react";
+import { Link } from "@nextui-org/react";
import { CheckIcon } from "lucide-react";
import { useState } from "react";
@@ -29,9 +30,21 @@ export const SamlIntegrationCard = ({ id }: { id: string }) => {
{id && }
- {id
- ? "SAML Single Sign-On is enabled for this organization"
- : "Configure SAML Single Sign-On for secure authentication"}
+ {id ? (
+ "SAML Single Sign-On is enabled for this organization"
+ ) : (
+ <>
+ Configure SAML Single Sign-On for secure authentication.{" "}
+
+ Read the docs
+
+ >
+ )}