diff --git a/web/air/src/components/Footer.js b/web/air/src/components/Footer.js
index 9e294268..334ee379 100644
--- a/web/air/src/components/Footer.js
+++ b/web/air/src/components/Footer.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 
+import { Container, Segment } from 'semantic-ui-react';
 import { getFooterHTML, getSystemName } from '../helpers';
-import { Layout } from '@douyinfe/semi-ui';
 
 const Footer = () => {
   const systemName = getSystemName();
@@ -28,38 +28,33 @@ const Footer = () => {
   }, []);
 
   return (
-    <Layout>
-      <Layout.Content style={{ textAlign: 'center' }}>
+    <Segment vertical>
+      <Container textAlign='center'>
         {footer ? (
           <div
-            className="custom-footer"
+            className='custom-footer'
             dangerouslySetInnerHTML={{ __html: footer }}
           ></div>
         ) : (
-          <div className="custom-footer">
+          <div className='custom-footer'>
             <a
-              href="https://github.com/Calcium-Ion/new-api"
-              target="_blank" rel="noreferrer"
+              href='https://github.com/songquanpeng/one-api'
+              target='_blank'
             >
-              New API {process.env.REACT_APP_VERSION}{' '}
+              {systemName} {process.env.REACT_APP_VERSION}{' '}
             </a>
             由{' '}
-            <a href="https://github.com/Calcium-Ion" target="_blank" rel="noreferrer">
-              Calcium-Ion
+            <a href='https://github.com/songquanpeng' target='_blank'>
+              JustSong
             </a>{' '}
-            开发，基于{' '}
-            <a href="https://github.com/songquanpeng/one-api" target="_blank" rel="noreferrer">
-              One API v0.5.4
-            </a>{' '}
-            ，本项目根据{' '}
-            <a href="https://opensource.org/licenses/mit-license.php">
-              MIT 许可证
-            </a>{' '}
-            授权
+            构建，源代码遵循{' '}
+            <a href='https://opensource.org/licenses/mit-license.php'>
+              MIT 协议
+            </a>
           </div>
         )}
-      </Layout.Content>
-    </Layout>
+      </Container>
+    </Segment>
   );
 };
 
diff --git a/web/air/src/pages/About/index.js b/web/air/src/pages/About/index.js
index c9c2fbf4..ec13f151 100644
--- a/web/air/src/pages/About/index.js
+++ b/web/air/src/pages/About/index.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
+import { Header, Segment } from 'semantic-ui-react';
 import { API, showError } from '../../helpers';
 import { marked } from 'marked';
-import {Layout} from "@douyinfe/semi-ui";
 
 const About = () => {
   const [about, setAbout] = useState('');
@@ -33,23 +33,14 @@ const About = () => {
     <>
       {
         aboutLoaded && about === '' ? <>
-          <Layout>
-            <Layout.Header>
-              <h3>关于</h3>
-            </Layout.Header>
-            <Layout.Content>
-              <p>
-                可在设置页面设置关于内容，支持 HTML & Markdown
-              </p>
-              new-api项目仓库地址：
-              <a href='https://github.com/Calcium-Ion/new-api'>
-                https://github.com/Calcium-Ion/new-api
-              </a>
-              <p>
-                NewAPI © 2023 CalciumIon | 基于 One API v0.5.4 © 2023 JustSong。本项目根据MIT许可证授权。
-              </p>
-            </Layout.Content>
-          </Layout>
+          <Segment>
+            <Header as='h3'>关于</Header>
+            <p>可在设置页面设置关于内容，支持 HTML & Markdown</p>
+            项目仓库地址：
+            <a href='https://github.com/songquanpeng/one-api'>
+              https://github.com/songquanpeng/one-api
+            </a>
+          </Segment>
         </> : <>
           {
             about.startsWith('https://') ? <iframe