diff --git a/web/src/components/api-service/chat-overview-modal/index.tsx b/web/src/components/api-service/chat-overview-modal/index.tsx
index 44d2717214..559d11d8c2 100644
--- a/web/src/components/api-service/chat-overview-modal/index.tsx
+++ b/web/src/components/api-service/chat-overview-modal/index.tsx
@@ -76,9 +76,11 @@ const ChatOverviewModal = ({
           <Card title={t('backendServiceApi')}>
             <Flex gap={8} vertical>
               {t('serviceApiEndpoint')}
-              <Paragraph copyable className={styles.linkText}>
-                {location.origin}
-                /v1/api/
+              <Paragraph
+                copyable={{ text: `${location.origin}/v1/api/` }}
+                className={styles.linkText}
+              >
+                {location.origin}/v1/api/
               </Paragraph>
             </Flex>
             <Space size={'middle'}>