diff --git a/react/src/pages/EndpointDetailPage.tsx b/react/src/pages/EndpointDetailPage.tsx
index 22f0efcf0a..8529ec5cdc 100644
--- a/react/src/pages/EndpointDetailPage.tsx
+++ b/react/src/pages/EndpointDetailPage.tsx
@@ -385,7 +385,7 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
               type="link"
               icon={<BotMessageSquareIcon />}
               onClick={() => {
-                setOpenChatModal(true);
+                webuiNavigate(`/chat?endpointId=${endpoint?.endpoint_id}`);
               }}
               disabled={endpoint?.status !== 'HEALTHY'}
             />