diff --git a/src/features/Conversation/Error/OllamaBizError/SetupGuide.tsx b/src/features/Conversation/Error/OllamaBizError/SetupGuide.tsx
index 0586bba90adf..78c14f3f6c1f 100644
--- a/src/features/Conversation/Error/OllamaBizError/SetupGuide.tsx
+++ b/src/features/Conversation/Error/OllamaBizError/SetupGuide.tsx
@@ -7,6 +7,8 @@ import { memo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
+import { ErrorActionContainer } from '@/features/Conversation/Error/style';
+
 const useStyles = createStyles(({ css, prefixCls, token }) => ({
   steps: css`
     margin-top: 32px;
@@ -30,187 +32,189 @@ const SetupGuide = memo(() => {
   const { styles } = useStyles();
   const { t } = useTranslation('modelProvider');
   return (
-    <TabsNav
-      items={[
-        {
-          children: (
-            <Steps
-              className={styles.steps}
-              direction={'vertical'}
-              items={[
-                {
-                  description: (
-                    <Trans i18nKey={'ollama.setup.install.description'} ns={'modelProvider'}>
-                      请确认你已经开启 Ollama ，如果没有安装 Ollama ，请前往官网
-                      <Link href={'https://ollama.com/download'}>下载</Link>
-                    </Trans>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.install.title'),
-                },
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.cors.description')}
+    <ErrorActionContainer style={{ paddingBlock: 0 }}>
+      <TabsNav
+        items={[
+          {
+            children: (
+              <Steps
+                className={styles.steps}
+                direction={'vertical'}
+                items={[
+                  {
+                    description: (
+                      <Trans i18nKey={'ollama.setup.install.description'} ns={'modelProvider'}>
+                        请确认你已经开启 Ollama ，如果没有安装 Ollama ，请前往官网
+                        <Link href={'https://ollama.com/download'}>下载</Link>
+                      </Trans>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.install.title'),
+                  },
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        {t('ollama.setup.cors.description')}
 
+                        <Flexbox gap={8}>
+                          {t('ollama.setup.cors.macos')}
+                          <Snippet language={'bash'}>
+                            {/* eslint-disable-next-line react/no-unescaped-entities */}
+                            launchctl setenv OLLAMA_ORIGINS "*"
+                          </Snippet>
+                          {t('ollama.setup.cors.reboot')}
+                        </Flexbox>
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.cors.title'),
+                  },
+                ]}
+                size={'small'}
+              />
+            ),
+            key: 'macos',
+            label: 'macOS',
+          },
+          {
+            children: (
+              <Steps
+                className={styles.steps}
+                direction={'vertical'}
+                items={[
+                  {
+                    description: (
+                      <Trans i18nKey={'ollama.setup.install.description'} ns={'modelProvider'}>
+                        请确认你已经开启 Ollama ，如果没有安装 Ollama ，请前往官网
+                        <Link href={'https://ollama.com/download'}>下载</Link>
+                      </Trans>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.install.title'),
+                  },
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        {t('ollama.setup.cors.description')}
+                        <div>{t('ollama.setup.cors.windows')}</div>
+                        <div>{t('ollama.setup.cors.reboot')}</div>
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.cors.title'),
+                  },
+                ]}
+                size={'small'}
+              />
+            ),
+            key: 'windows',
+            label: t('ollama.setup.install.windowsTab'),
+          },
+          {
+            children: (
+              <Steps
+                className={styles.steps}
+                direction={'vertical'}
+                items={[
+                  {
+                    description: (
                       <Flexbox gap={8}>
-                        {t('ollama.setup.cors.macos')}
+                        {t('ollama.setup.install.linux.command')}
                         <Snippet language={'bash'}>
-                          {/* eslint-disable-next-line react/no-unescaped-entities */}
-                          launchctl setenv OLLAMA_ORIGINS "*"
+                          curl -fsSL https://ollama.com/install.sh | sh
                         </Snippet>
-                        {t('ollama.setup.cors.reboot')}
+                        <div>
+                          <Trans i18nKey={'ollama.setup.install.linux.manual'} ns={'modelProvider'}>
+                            或者，你也可以参考
+                            <Link href={'https://github.com/ollama/ollama/blob/main/docs/linux.md'}>
+                              Linux 手动安装指南
+                            </Link>
+                            。
+                          </Trans>
+                        </div>
                       </Flexbox>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.cors.title'),
-                },
-              ]}
-              size={'small'}
-            />
-          ),
-          key: 'macos',
-          label: 'macOS',
-        },
-        {
-          children: (
-            <Steps
-              className={styles.steps}
-              direction={'vertical'}
-              items={[
-                {
-                  description: (
-                    <Trans i18nKey={'ollama.setup.install.description'} ns={'modelProvider'}>
-                      请确认你已经开启 Ollama ，如果没有安装 Ollama ，请前往官网
-                      <Link href={'https://ollama.com/download'}>下载</Link>
-                    </Trans>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.install.title'),
-                },
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.cors.description')}
-                      <div>{t('ollama.setup.cors.windows')}</div>
-                      <div>{t('ollama.setup.cors.reboot')}</div>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.cors.title'),
-                },
-              ]}
-              size={'small'}
-            />
-          ),
-          key: 'windows',
-          label: t('ollama.setup.install.windowsTab'),
-        },
-        {
-          children: (
-            <Steps
-              className={styles.steps}
-              direction={'vertical'}
-              items={[
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.install.linux.command')}
-                      <Snippet language={'bash'}>
-                        curl -fsSL https://ollama.com/install.sh | sh
-                      </Snippet>
-                      <div>
-                        <Trans i18nKey={'ollama.setup.install.linux.manual'} ns={'modelProvider'}>
-                          或者，你也可以参考
-                          <Link href={'https://github.com/ollama/ollama/blob/main/docs/linux.md'}>
-                            Linux 手动安装指南
-                          </Link>
-                          。
-                        </Trans>
-                      </div>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.install.title'),
-                },
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      <div>{t('ollama.setup.cors.description')}</div>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.install.title'),
+                  },
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        <div>{t('ollama.setup.cors.description')}</div>
 
-                      <div>{t('ollama.setup.cors.linux.systemd')}</div>
-                      {/* eslint-disable-next-line react/no-unescaped-entities */}
-                      <Snippet language={'bash'}> sudo systemctl edit ollama.service</Snippet>
-                      {t('ollama.setup.cors.linux.env')}
-                      <Highlighter
-                        // eslint-disable-next-line react/no-children-prop
-                        children={`[Service]
+                        <div>{t('ollama.setup.cors.linux.systemd')}</div>
+                        {/* eslint-disable-next-line react/no-unescaped-entities */}
+                        <Snippet language={'bash'}> sudo systemctl edit ollama.service</Snippet>
+                        {t('ollama.setup.cors.linux.env')}
+                        <Highlighter
+                          // eslint-disable-next-line react/no-children-prop
+                          children={`[Service]
 
 Environment="OLLAMA_ORIGINS=*"`}
-                        fileName={'ollama.service'}
-                        fullFeatured
-                        language={'bash'}
-                        showLanguage
-                      />
-                      {t('ollama.setup.cors.linux.reboot')}
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.cors.title'),
-                },
-              ]}
-              size={'small'}
-            />
-          ),
-          key: 'linux',
-          label: 'Linux',
-        },
-        {
-          children: (
-            <Steps
-              className={styles.steps}
-              direction={'vertical'}
-              items={[
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.install.description')}
-                      <div>{t('ollama.setup.install.docker')}</div>
-                      <Snippet language={'bash'}>docker pull ollama/ollama</Snippet>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.install.title'),
-                },
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.cors.description')}
-                      <Highlighter
-                        fileName={'ollama.service'}
-                        fullFeatured
-                        language={'bash'}
-                        showLanguage
-                      >
-                        {/* eslint-disable-next-line react/no-unescaped-entities */}
-                        docker run -d --gpus=all -v ollama:/root/.ollama -e OLLAMA_ORIGINS="*" -p
-                        11434:11434 --name ollama ollama/ollama
-                      </Highlighter>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.cors.title'),
-                },
-              ]}
-              size={'small'}
-            />
-          ),
-          key: 'docker',
-          label: 'Docker',
-        },
-      ]}
-    />
+                          fileName={'ollama.service'}
+                          fullFeatured
+                          language={'bash'}
+                          showLanguage
+                        />
+                        {t('ollama.setup.cors.linux.reboot')}
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.cors.title'),
+                  },
+                ]}
+                size={'small'}
+              />
+            ),
+            key: 'linux',
+            label: 'Linux',
+          },
+          {
+            children: (
+              <Steps
+                className={styles.steps}
+                direction={'vertical'}
+                items={[
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        {t('ollama.setup.install.description')}
+                        <div>{t('ollama.setup.install.docker')}</div>
+                        <Snippet language={'bash'}>docker pull ollama/ollama</Snippet>
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.install.title'),
+                  },
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        {t('ollama.setup.cors.description')}
+                        <Highlighter
+                          fileName={'ollama.service'}
+                          fullFeatured
+                          language={'bash'}
+                          showLanguage
+                        >
+                          {/* eslint-disable-next-line react/no-unescaped-entities */}
+                          docker run -d --gpus=all -v ollama:/root/.ollama -e OLLAMA_ORIGINS="*" -p
+                          11434:11434 --name ollama ollama/ollama
+                        </Highlighter>
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.cors.title'),
+                  },
+                ]}
+                size={'small'}
+              />
+            ),
+            key: 'docker',
+            label: 'Docker',
+          },
+        ]}
+      />
+    </ErrorActionContainer>
   );
 });
 
diff --git a/src/features/Conversation/Error/style.tsx b/src/features/Conversation/Error/style.tsx
index ee7d6d6d0355..e3704ce546a5 100644
--- a/src/features/Conversation/Error/style.tsx
+++ b/src/features/Conversation/Error/style.tsx
@@ -1,7 +1,7 @@
 import { Avatar } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import { ReactNode, memo } from 'react';
-import { Center, Flexbox } from 'react-layout-kit';
+import { Center, CenterProps, Flexbox } from 'react-layout-kit';
 
 export const useStyles = createStyles(({ css, token }) => ({
   container: css`
@@ -14,38 +14,63 @@ export const useStyles = createStyles(({ css, token }) => ({
     color: ${token.colorTextTertiary};
     text-align: center;
   `,
+  form: css`
+    width: 100%;
+    max-width: 300px;
+  `,
 }));
 
-export const ErrorActionContainer = memo<{ children: ReactNode }>(({ children }) => {
-  const { styles } = useStyles();
+export const ErrorActionContainer = memo<CenterProps>(
+  ({ children, className, gap = 24, padding = 24, ...rest }) => {
+    const { cx, styles } = useStyles();
 
-  return (
-    <Center className={styles.container} gap={24} padding={24}>
-      {children}
-    </Center>
-  );
-});
+    return (
+      <Center className={cx(styles.container, className)} gap={gap} padding={padding} {...rest}>
+        {children}
+      </Center>
+    );
+  },
+);
 
-export const FormAction = memo<{
-  avatar: ReactNode;
-  background?: string;
-  children: ReactNode;
-  description: string;
-  title: string;
-}>(({ children, background, title, description, avatar }) => {
-  const { styles, theme } = useStyles();
+export const FormAction = memo<
+  {
+    animation?: boolean;
+    avatar: ReactNode;
+    background?: string;
+    description: string;
+    title: string;
+  } & CenterProps
+>(
+  ({
+    children,
+    background,
+    title,
+    description,
+    avatar,
+    animation,
+    className,
+    gap = 16,
+    ...rest
+  }) => {
+    const { cx, styles, theme } = useStyles();
 
-  return (
-    <Center gap={16} style={{ maxWidth: 300, width: '100%' }}>
-      <Avatar
-        avatar={avatar}
-        background={background ?? theme.colorFillContent}
-        gap={12}
-        size={80}
-      />
-      <Flexbox style={{ fontSize: 20, textAlign: 'center' }}>{title}</Flexbox>
-      <Flexbox className={styles.desc}>{description}</Flexbox>
-      {children}
-    </Center>
-  );
-});
+    return (
+      <Center className={cx(styles.form, className)} gap={gap} {...rest}>
+        <Avatar
+          animation={animation}
+          avatar={avatar}
+          background={background ?? theme.colorFillContent}
+          gap={12}
+          size={80}
+        />
+        <Flexbox gap={8} width={'100%'}>
+          <Flexbox style={{ fontSize: 18, fontWeight: 'bold', textAlign: 'center' }}>
+            {title}
+          </Flexbox>
+          <Flexbox className={styles.desc}>{description}</Flexbox>
+        </Flexbox>
+        {children}
+      </Center>
+    );
+  },
+);