diff --git a/packages/ui/src/FooterToolbar/__tests__/__snapshots__/index.test.tsx.snap b/packages/ui/src/FooterToolbar/__tests__/__snapshots__/index.test.tsx.snap
index 610ca9dd1..8e4a23250 100644
--- a/packages/ui/src/FooterToolbar/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/ui/src/FooterToolbar/__tests__/__snapshots__/index.test.tsx.snap
@@ -14,7 +14,7 @@ exports[`FooterToolbar portalDom is true 1`] = `
       class="ant-pro-footer-bar-right"
     >
       <button
-        class="ant-btn ant-btn-default ant-btn-lg"
+        class="ant-btn ant-btn-default"
         type="button"
       >
         <span>
@@ -22,7 +22,7 @@ exports[`FooterToolbar portalDom is true 1`] = `
         </span>
       </button>
       <button
-        class="ant-btn ant-btn-primary ant-btn-lg"
+        class="ant-btn ant-btn-primary"
         type="button"
       >
         <span>
@@ -48,7 +48,7 @@ exports[`FooterToolbar render 1`] = `
       class="ant-pro-footer-bar-right"
     >
       <button
-        class="ant-btn ant-btn-default ant-btn-lg"
+        class="ant-btn ant-btn-default"
         type="button"
       >
         <span>
@@ -56,7 +56,7 @@ exports[`FooterToolbar render 1`] = `
         </span>
       </button>
       <button
-        class="ant-btn ant-btn-primary ant-btn-lg"
+        class="ant-btn ant-btn-primary"
         type="button"
       >
         <span>
diff --git a/packages/ui/src/FooterToolbar/index.tsx b/packages/ui/src/FooterToolbar/index.tsx
index cbd864aa6..4236553b5 100644
--- a/packages/ui/src/FooterToolbar/index.tsx
+++ b/packages/ui/src/FooterToolbar/index.tsx
@@ -10,30 +10,14 @@ const FooterToolbar: React.FC<FooterToolbarProps> = ({
   // render footer under parent instead of body by default
   portalDom = false,
   prefixCls: customizePrefixCls,
-  children,
   ...restProps
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls('pro-footer-bar', customizePrefixCls);
   const { wrapSSR } = useStyle(prefixCls);
 
-  const { token } = theme.useToken();
-
   return wrapSSR(
-    <AntFooterToolbar portalDom={portalDom} prefixCls={customizePrefixCls} {...restProps}>
-      <ConfigProvider
-        // large size component
-        componentSize="large"
-        // middle font size
-        theme={{
-          token: {
-            fontSizeLG: token.fontSize,
-          },
-        }}
-      >
-        {children}
-      </ConfigProvider>
-    </AntFooterToolbar>
+    <AntFooterToolbar portalDom={portalDom} prefixCls={customizePrefixCls} {...restProps} />
   );
 };
 
diff --git a/packages/ui/src/PageContainer/index.tsx b/packages/ui/src/PageContainer/index.tsx
index 82b131f8f..1ced48039 100644
--- a/packages/ui/src/PageContainer/index.tsx
+++ b/packages/ui/src/PageContainer/index.tsx
@@ -8,7 +8,7 @@ import { PageContainer as AntPageContainer } from '@ant-design/pro-components';
 import classNames from 'classnames';
 import { isObject } from 'lodash';
 import React, { useContext } from 'react';
-import { ConfigProvider, Space, Tooltip, theme } from '@oceanbase/design';
+import { ConfigProvider, Space, Tooltip } from '@oceanbase/design';
 import LocaleWrapper from '../locale/LocaleWrapper';
 import ItemRender from './ItemRender';
 import zhCN from './locale/zh-CN';
@@ -46,8 +46,6 @@ const PageContainer = ({
   const prefixCls = getPrefixCls('pro-page-container', customizePrefixCls);
   const { wrapSSR } = useStyle(prefixCls);
 
-  const { token } = theme.useToken();
-
   const { reload, subTitle, breadcrumb } = header || {};
   const reloadProps =
     isObject(reload) && !React.isValidElement(reload)