diff --git a/web/src/components/api-service/chat-overview-modal/api-content.tsx b/web/src/components/api-service/chat-overview-modal/api-content.tsx
index c2189998a..7daf42887 100644
--- a/web/src/components/api-service/chat-overview-modal/api-content.tsx
+++ b/web/src/components/api-service/chat-overview-modal/api-content.tsx
@@ -1,4 +1,5 @@
 import { useSetModalState, useTranslate } from '@/hooks/common-hooks';
+import { LangfuseCard } from '@/pages/user-setting/setting-model/langfuse';
 import apiDoc from '@parent/docs/references/http_api_reference.md';
 import MarkdownPreview from '@uiw/react-markdown-preview';
 import { Button, Card, Flex, Space } from 'antd';
@@ -28,7 +29,7 @@ const ApiContent = ({
   const { handlePreview } = usePreviewChat(idKey);
 
   return (
-    <div>
+    <div className="pb-2">
       <Flex vertical gap={'middle'}>
         <BackendServiceApi show={showApiKeyModal}></BackendServiceApi>
         {!hideChatPreviewCard && (
@@ -62,6 +63,7 @@ const ApiContent = ({
           hideModal={hideEmbedModal}
         ></EmbedModal>
       )} */}
+      <LangfuseCard></LangfuseCard>
     </div>
   );
 };
diff --git a/web/src/components/api-service/chat-overview-modal/markdown-toc.tsx b/web/src/components/api-service/chat-overview-modal/markdown-toc.tsx
index 25e29b1a1..7694a0cb9 100644
--- a/web/src/components/api-service/chat-overview-modal/markdown-toc.tsx
+++ b/web/src/components/api-service/chat-overview-modal/markdown-toc.tsx
@@ -58,6 +58,7 @@ const MarkdownToc: React.FC<MarkdownTocProps> = ({ content }) => {
         position: 'fixed',
         right: 20,
         top: 100,
+        bottom: 150,
         width: 200,
         background: '#fff',
         padding: '10px',
diff --git a/web/src/pages/user-setting/setting-model/index.tsx b/web/src/pages/user-setting/setting-model/index.tsx
index 8318cbe99..a6d01bab2 100644
--- a/web/src/pages/user-setting/setting-model/index.tsx
+++ b/web/src/pages/user-setting/setting-model/index.tsx
@@ -50,7 +50,6 @@ import {
 } from './hooks';
 import HunyuanModal from './hunyuan-modal';
 import styles from './index.less';
-import { LangfuseCard } from './langfuse';
 import OllamaModal from './ollama-modal';
 import SparkModal from './spark-modal';
 import SystemModelSettingModal from './system-model-setting-modal';
@@ -368,7 +367,6 @@ const UserSettingModel = () => {
 
   return (
     <section id="xx" className="w-full space-y-6">
-      <LangfuseCard></LangfuseCard>
       <Spin spinning={loading}>
         <section className={styles.modelContainer}>
           <SettingTitle