diff --git a/apps/web/src/components/affine/operation-menu-items/Export.tsx b/apps/web/src/components/affine/operation-menu-items/Export.tsx
index ecfd17ed90..4460d391d3 100644
--- a/apps/web/src/components/affine/operation-menu-items/Export.tsx
+++ b/apps/web/src/components/affine/operation-menu-items/Export.tsx
@@ -20,7 +20,7 @@ export const Export = ({
   return (
     <Menu
       width={248}
-      placement="left-start"
+      // placement="left-start"
       trigger="click"
       content={
         <>
diff --git a/apps/web/src/components/affine/operation-menu-items/MoveTo.tsx b/apps/web/src/components/affine/operation-menu-items/MoveTo.tsx
index 5e71c070f1..495352af7c 100644
--- a/apps/web/src/components/affine/operation-menu-items/MoveTo.tsx
+++ b/apps/web/src/components/affine/operation-menu-items/MoveTo.tsx
@@ -49,7 +49,7 @@ export const MoveTo = ({
       <PinboardMenu
         anchorEl={anchorEl}
         open={open}
-        placement="left-start"
+        // placement="left-start"
         metas={metas}
         currentMeta={currentMeta}
         blockSuiteWorkspace={blockSuiteWorkspace}
diff --git a/apps/web/src/components/affine/pinboard/pinboard-render/OperationButton.tsx b/apps/web/src/components/affine/pinboard/pinboard-render/OperationButton.tsx
index b4c22e62d6..12ffd28912 100644
--- a/apps/web/src/components/affine/pinboard/pinboard-render/OperationButton.tsx
+++ b/apps/web/src/components/affine/pinboard/pinboard-render/OperationButton.tsx
@@ -88,7 +88,7 @@ export const OperationButton = ({
           width={256}
           anchorEl={anchorEl}
           open={operationMenuOpen}
-          placement="bottom-start"
+          // placement="bottom-start"
           zIndex={menuIndex}
         >
           <MenuItem
@@ -143,7 +143,7 @@ export const OperationButton = ({
         <PinboardMenu
           anchorEl={anchorEl}
           open={pinboardMenuOpen}
-          placement="bottom-start"
+          // placement="bottom-start"
           zIndex={menuIndex}
           metas={metas}
           currentMeta={currentMeta}
diff --git a/apps/web/src/components/affine/workspace-setting-detail/panel/collaboration/index.tsx b/apps/web/src/components/affine/workspace-setting-detail/panel/collaboration/index.tsx
index fe68bdefc6..364bc8c976 100644
--- a/apps/web/src/components/affine/workspace-setting-detail/panel/collaboration/index.tsx
+++ b/apps/web/src/components/affine/workspace-setting-detail/panel/collaboration/index.tsx
@@ -120,7 +120,7 @@ const AffineRemoteCollaborationPanel: React.FC<
                                 </MenuItem>
                               </>
                             }
-                            placement="bottom-end"
+                            // placement="bottom-end"
                             disablePortal={true}
                             trigger="click"
                           >
diff --git a/apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx b/apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx
index 4946587160..54c97a4c8a 100644
--- a/apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx
+++ b/apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx
@@ -69,7 +69,13 @@ export const OperationCell: React.FC<OperationCellProps> = ({
             favorite ? t('Removed from Favorites') : t('Added to Favorites')
           );
         }}
-        icon={favorite ? <FavoritedIcon /> : <FavoriteIcon />}
+        icon={
+          favorite ? (
+            <FavoritedIcon style={{ color: 'var(--affine-primary-color)' }} />
+          ) : (
+            <FavoriteIcon />
+          )
+        }
       >
         {favorite ? t('Remove from favorites') : t('Add to Favorites')}
       </MenuItem>
@@ -98,7 +104,7 @@ export const OperationCell: React.FC<OperationCellProps> = ({
       <FlexWrapper alignItems="center" justifyContent="center">
         <Menu
           content={OperationMenu}
-          placement="bottom-end"
+          // placement="bottom-end"
           disablePortal={true}
           trigger="click"
         >
diff --git a/apps/web/src/components/blocksuite/workspace-header/header-right-items/EditorOptionMenu.tsx b/apps/web/src/components/blocksuite/workspace-header/header-right-items/EditorOptionMenu.tsx
index a3733aed04..73a42dd1ff 100644
--- a/apps/web/src/components/blocksuite/workspace-header/header-right-items/EditorOptionMenu.tsx
+++ b/apps/web/src/components/blocksuite/workspace-header/header-right-items/EditorOptionMenu.tsx
@@ -93,7 +93,7 @@ export const EditorOptionMenu = () => {
         <Menu
           width={276}
           content={EditMenu}
-          placement="bottom-end"
+          // placement="bottom-end"
           disablePortal={true}
           trigger="click"
         >
diff --git a/apps/web/src/components/blocksuite/workspace-header/header-right-items/UserAvatar.tsx b/apps/web/src/components/blocksuite/workspace-header/header-right-items/UserAvatar.tsx
index 742bccd06f..3bd6b22aa3 100644
--- a/apps/web/src/components/blocksuite/workspace-header/header-right-items/UserAvatar.tsx
+++ b/apps/web/src/components/blocksuite/workspace-header/header-right-items/UserAvatar.tsx
@@ -16,7 +16,7 @@ export const UserAvatar = () => {
     <Menu
       width={276}
       content={EditMenu}
-      placement="bottom-end"
+      // placement="bottom-end"
       disablePortal={true}
       trigger="click"
     >
diff --git a/apps/web/src/components/pure/help-island/index.tsx b/apps/web/src/components/pure/help-island/index.tsx
index 51fb0ebca5..39f6669270 100644
--- a/apps/web/src/components/pure/help-island/index.tsx
+++ b/apps/web/src/components/pure/help-island/index.tsx
@@ -108,7 +108,7 @@ export const HelpIsland = ({
           </MuiFade>
         </Tooltip>
         <MuiFade in={spread}>
-          <StyledTriggerWrapper>
+          <StyledTriggerWrapper spread>
             <CloseIcon />
           </StyledTriggerWrapper>
         </MuiFade>
diff --git a/apps/web/src/components/pure/help-island/style.ts b/apps/web/src/components/pure/help-island/style.ts
index 0e530d89ea..d8a52d58a2 100644
--- a/apps/web/src/components/pure/help-island/style.ts
+++ b/apps/web/src/components/pure/help-island/style.ts
@@ -7,17 +7,14 @@ export const StyledIsland = styled('div')<{
     transition: 'box-shadow 0.2s',
     width: '44px',
     position: 'relative',
-    boxShadow: spread
-      ? '4px 4px 7px rgba(58, 76, 92, 0.04), -4px -4px 13px rgba(58, 76, 92, 0.02), 6px 6px 36px rgba(58, 76, 92, 0.06)'
-      : 'unset',
+    boxShadow: spread ? 'var(--affine-menu-shadow)' : 'unset',
     padding: '0 4px 44px',
     borderRadius: '10px',
     background: spread
       ? 'var(--affine-background-overlay-panel-color)'
-      : 'transparent',
+      : 'var(--affine-background-primary-color)',
     ':hover': {
-      boxShadow:
-        '4px 4px 7px rgba(58, 76, 92, 0.04), -4px -4px 13px rgba(58, 76, 92, 0.02), 6px 6px 36px rgba(58, 76, 92, 0.06)',
+      background: spread ? null : 'var(--affine-white)',
     },
     '::after': {
       content: '""',
@@ -58,7 +55,9 @@ export const StyledAnimateWrapper = styled('div')(() => ({
   overflow: 'hidden',
 }));
 
-export const StyledTriggerWrapper = styled('div')(({ theme }) => {
+export const StyledTriggerWrapper = styled('div')<{
+  spread?: boolean;
+}>(({ theme, spread }) => {
   return {
     width: '36px',
     height: '36px',
@@ -70,6 +69,7 @@ export const StyledTriggerWrapper = styled('div')(({ theme }) => {
     ...positionAbsolute({ left: '4px', bottom: '4px' }),
     ':hover': {
       color: 'var(--affine-primary-color)',
+      backgroundColor: spread ? 'var(--affine-hover-color)' : null,
     },
   };
 });
diff --git a/apps/web/src/components/pure/shortcuts-modal/style.ts b/apps/web/src/components/pure/shortcuts-modal/style.ts
index e73ac3c282..168e9d3dd4 100644
--- a/apps/web/src/components/pure/shortcuts-modal/style.ts
+++ b/apps/web/src/components/pure/shortcuts-modal/style.ts
@@ -6,7 +6,7 @@ export const StyledShortcutsModal = styled('div')(({ theme }) => ({
   paddingBottom: '28px',
   backgroundColor: 'var(--affine-white)',
   boxShadow: 'var(--affine-popover-shadow)',
-  borderRadius: `var(--affine-popover-radius) 0 var(--affine-popover-radius) var(--affine-popover-radius)`,
+  borderRadius: `var(--affine-popover-radius)`,
   overflow: 'auto',
   boxRadius: '10px',
   position: 'fixed',
diff --git a/packages/component/src/components/share-menu/ShareMenu.tsx b/packages/component/src/components/share-menu/ShareMenu.tsx
index 61bc83d127..81d1b26e75 100644
--- a/packages/component/src/components/share-menu/ShareMenu.tsx
+++ b/packages/component/src/components/share-menu/ShareMenu.tsx
@@ -123,7 +123,7 @@ export const ShareMenu: FC<ShareMenuProps> = props => {
     <Menu
       content={Share}
       visible={open}
-      placement="bottom-end"
+      // placement="bottom-end"
       trigger={['click']}
       width={439}
       disablePortal={true}
diff --git a/packages/component/src/ui/button/utils.ts b/packages/component/src/ui/button/utils.ts
index 1a603128a7..cb77cd302c 100644
--- a/packages/component/src/ui/button/utils.ts
+++ b/packages/component/src/ui/button/utils.ts
@@ -8,14 +8,14 @@ export const SIZE_CONFIG = {
   [SIZE_SMALL]: {
     iconSize: 16,
     fontSize: 16,
-    borderRadius: 6,
+    borderRadius: 4,
     height: 26,
     padding: 24,
   },
   [SIZE_MIDDLE]: {
     iconSize: 20,
     fontSize: 16,
-    borderRadius: 6,
+    borderRadius: 4,
     height: 32,
     padding: 24,
   },
@@ -24,7 +24,7 @@ export const SIZE_CONFIG = {
     fontSize: 16,
     height: 38,
     padding: 24,
-    borderRadius: 6,
+    borderRadius: 4,
   },
 } as const;
 
diff --git a/packages/component/src/ui/menu/styles.ts b/packages/component/src/ui/menu/styles.ts
index cb71047f30..baa4fe3bfd 100644
--- a/packages/component/src/ui/menu/styles.ts
+++ b/packages/component/src/ui/menu/styles.ts
@@ -74,11 +74,7 @@ export const StyledMenuItem = styled('button')<{
     ':hover': disabled
       ? {}
       : {
-          color: 'var(--affine-primary-color)',
           backgroundColor: 'var(--affine-hover-color)',
-          svg: {
-            color: 'var(--affine-primary-color)',
-          },
         },
   };
 });
diff --git a/packages/theme/src/index.ts b/packages/theme/src/index.ts
index 97f4e036cf..5017b0d9ce 100644
--- a/packages/theme/src/index.ts
+++ b/packages/theme/src/index.ts
@@ -48,7 +48,7 @@ export const baseTheme = {
   zIndexPopover: '100',
 
   paragraphSpace: '8px',
-  popoverRadius: '10px',
+  popoverRadius: '12px',
 
   zoom: '1',
   scale: 'calc(1 / var(--affine-zoom))',
@@ -73,7 +73,7 @@ export const lightTheme = {
   backgroundSecondaryColor: 'rgb(251, 250, 252)',
   backgroundTertiaryColor: 'rgb(233, 233, 236)',
   backgroundCodeBlock: 'rgb(250, 251, 253)',
-  backgroundModalColor: 'rgba(0, 0, 0, 0.6)',
+  backgroundModalColor: 'rgba(0, 0, 0, 0.4)',
   textPrimaryColor: 'rgb(66, 65, 73)',
   textSecondaryColor: 'rgb(142, 141, 145)',
   textDisableColor: 'rgb(169, 169, 173)',
@@ -197,7 +197,7 @@ export const darkTheme = {
   backgroundSuccessColor: 'rgba(8, 21, 18, 1)',
   backgroundPrimaryColor: 'rgb(20, 20, 20)',
   backgroundSecondaryColor: 'rgb(32, 32, 32)',
-  backgroundModalColor: 'rgba(0, 0, 0, 0.8)',
+  backgroundModalColor: 'rgba(0, 0, 0, 0.5)',
   backgroundOverlayPanelColor: 'rgb(30, 30, 30)',
   tagBlue: 'rgba(8, 67, 136, 1)',
   tagGreen: 'rgba(44, 108, 63, 1)',