diff --git a/libs/components/editor-blocks/src/blocks/grid/GirdHandle.tsx b/libs/components/editor-blocks/src/blocks/grid/GirdHandle.tsx
index 3ac519f3c5..687cc28735 100644
--- a/libs/components/editor-blocks/src/blocks/grid/GirdHandle.tsx
+++ b/libs/components/editor-blocks/src/blocks/grid/GirdHandle.tsx
@@ -86,9 +86,7 @@ const GridHandleContainer = styled('div')<{
     borderRadius: '1px',
     backgroundClip: 'content-box',
     ' &:hover': {
-        backgroundColor: isAlert
-            ? 'red !important'
-            : theme.affine.palette.primary,
+        backgroundColor: isAlert ? 'red' : theme.affine.palette.primary,
         [`.${GRID_ADD_HANDLE_NAME}`]: {
             display: 'block',
         },
diff --git a/libs/components/editor-plugins/src/menu/group-menu/DragItem.tsx b/libs/components/editor-plugins/src/menu/group-menu/DragItem.tsx
index 35ee3d9683..73ab1fde1c 100644
--- a/libs/components/editor-plugins/src/menu/group-menu/DragItem.tsx
+++ b/libs/components/editor-plugins/src/menu/group-menu/DragItem.tsx
@@ -30,7 +30,7 @@ export const DragItem = function ({
     );
 };
 
-const StyledDiv = styled('div')(theme => ({
+const StyledDiv = styled('div')(({ theme }) => ({
     padding: '0',
     display: 'inline-flex',
     width: `${ICON_WIDTH}px`,
@@ -42,7 +42,7 @@ const StyledDiv = styled('div')(theme => ({
     },
     ':hover': {
         backgroundColor: '#F5F7F8',
-        borderRadius: '3.75px',
+        borderRadius: '4px',
     },
 }));
 
diff --git a/libs/components/editor-plugins/src/menu/left-menu/LeftMenuDraggable.tsx b/libs/components/editor-plugins/src/menu/left-menu/LeftMenuDraggable.tsx
index 693c29c9b4..297193971c 100644
--- a/libs/components/editor-plugins/src/menu/left-menu/LeftMenuDraggable.tsx
+++ b/libs/components/editor-plugins/src/menu/left-menu/LeftMenuDraggable.tsx
@@ -247,7 +247,7 @@ const Draggable = styled(Button)({
     },
     ':hover': {
         backgroundColor: '#F5F7F8',
-        borderRadius: '3.75px',
+        borderRadius: '4px',
     },
 });