diff --git a/libs/components/layout/src/header/LayoutHeader.tsx b/libs/components/layout/src/header/LayoutHeader.tsx
index 4e5923cd0e..4c313afec2 100644
--- a/libs/components/layout/src/header/LayoutHeader.tsx
+++ b/libs/components/layout/src/header/LayoutHeader.tsx
@@ -54,7 +54,7 @@ export const LayoutHeader = () => {
                     <StyledHelper>
                         <Tooltip
                             placement="bottom-end"
-                            content="Share function coming soon"
+                            content="Share function coming soon..."
                         >
                             <StyledShare disabled={true}>
                                 {t('Share')}
@@ -63,7 +63,7 @@ export const LayoutHeader = () => {
                         <div style={{ margin: '0px 12px' }}>
                             <Tooltip
                                 placement="bottom-end"
-                                content="Search function coming soon"
+                                content="Search function coming soon..."
                             >
                                 <IconButton
                                     size="large"
diff --git a/libs/components/layout/src/header/Logo/InfoModal.tsx b/libs/components/layout/src/header/Logo/InfoModal.tsx
index ebd69c0084..590c40e1b7 100644
--- a/libs/components/layout/src/header/Logo/InfoModal.tsx
+++ b/libs/components/layout/src/header/Logo/InfoModal.tsx
@@ -82,7 +82,7 @@ const CloseContainer = styled('div')(({ theme }) => ({
     borderRadius: '6px',
 
     '&:hover': {
-        backgroundColor: theme.affine.palette.tagHover,
+        backgroundColor: '#EDF3FF',
     },
 }));
 
diff --git a/libs/components/layout/src/header/Logo/ModalContent.tsx b/libs/components/layout/src/header/Logo/ModalContent.tsx
index e91a2e6b63..e914c0b920 100644
--- a/libs/components/layout/src/header/Logo/ModalContent.tsx
+++ b/libs/components/layout/src/header/Logo/ModalContent.tsx
@@ -123,10 +123,14 @@ const LeftButtonContainer = styled('a')(({ theme }) => ({
     color: theme.affine.palette.primary,
     height: '110px',
     cursor: 'pointer',
-    padding: '6px 12px',
+    padding: '6px 24px 6px 28px',
     borderRadius: '10px',
     textDecoration: 'none',
 
+    '&:hover': {
+        backgroundColor: 'rgba(68, 97, 242, 0.1)',
+    },
+
     '& + &': {
         marginTop: '50px',
     },
@@ -146,7 +150,7 @@ const LeftButtonText = styled('span')({
     color: '#000',
     fontSize: '24px',
     lineHeight: '36px',
-    width: '200px',
+    width: '180px',
     marginLeft: '40px',
     cursor: 'pointer',
 });