From 32d6c07450b18842964cf101d29b98e6fd9713d8 Mon Sep 17 00:00:00 2001
From: DiamondThree <857159145@qq.com>
Date: Fri, 3 Feb 2023 11:47:04 +0800
Subject: [PATCH] fix: close icon postion error

---
 .../components/enable-workspace/EnableWorkspaceModal.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/components/enable-workspace/EnableWorkspaceModal.tsx b/packages/app/src/components/enable-workspace/EnableWorkspaceModal.tsx
index 703dd5b7eb..23328d7500 100644
--- a/packages/app/src/components/enable-workspace/EnableWorkspaceModal.tsx
+++ b/packages/app/src/components/enable-workspace/EnableWorkspaceModal.tsx
@@ -1,11 +1,12 @@
 import { styled } from '@/styles';
 import { Modal, ModalWrapper, ModalCloseButton } from '@/ui/modal';
-import { Button } from '@/ui/button';
+import { Button, IconButton } from '@/ui/button';
 import { useTranslation } from '@affine/i18n';
 import { useAppState } from '@/providers/app-state-provider';
 import { useState } from 'react';
 import router from 'next/router';
 import { toast } from '@/ui/toast';
+import { CloseIcon } from '@blocksuite/icons';
 interface EnableWorkspaceModalProps {
   open: boolean;
   onClose: () => void;
@@ -22,11 +23,13 @@ export const EnableWorkspaceModal = ({
     <Modal open={open} onClose={onClose} data-testid="logout-modal">
       <ModalWrapper width={560} height={292}>
         <Header>
-          <ModalCloseButton
+          <IconButton
             onClick={() => {
               onClose();
             }}
-          />
+          >
+            <CloseIcon />
+          </IconButton>
         </Header>
         <Content>
           <ContentTitle>{t('Enable AFFiNE Cloud')}?</ContentTitle>