diff --git a/packages/app/src/components/workspace-setting/ExportPage.tsx b/packages/app/src/components/workspace-setting/ExportPage.tsx
index 9f4883612..7975adc49 100644
--- a/packages/app/src/components/workspace-setting/ExportPage.tsx
+++ b/packages/app/src/components/workspace-setting/ExportPage.tsx
@@ -1,10 +1,10 @@
+import { WorkspaceUnit } from '@affine/datacenter';
 import { useTranslation } from '@affine/i18n';
 import { Wrapper } from '@/ui/layout';
 import { Button } from '@/ui/button';
-
-export const ExportPage = () => {
+export const ExportPage = ({ workspace }: { workspace: WorkspaceUnit }) => {
   const { t } = useTranslation();
-
+  console.log(workspace);
   return (
     <>
       <Wrapper marginBottom="32px"> {t('Export Description')}</Wrapper>
diff --git a/packages/app/src/ui/button/Loading.tsx b/packages/app/src/ui/button/Loading.tsx
index 8bada7628..918ae61e1 100644
--- a/packages/app/src/ui/button/Loading.tsx
+++ b/packages/app/src/ui/button/Loading.tsx
@@ -4,7 +4,7 @@ import { getButtonColors } from './utils';
 
 export const LoadingContainer = styled('div')<Pick<ButtonProps, 'type'>>(
   ({ theme, type = 'default' }) => {
-    const { color } = getButtonColors(theme, type);
+    const { color } = getButtonColors(theme, type, false);
     return `
     margin: 0px auto;
     width: 38px;