diff --git a/src/components/Navbars/components/FeatureMenus/FollowingEventsMenu.js b/src/components/Navbars/components/FeatureMenus/FollowingEventsMenu.js
index 4c0024ab..2ec63fda 100644
--- a/src/components/Navbars/components/FeatureMenus/FollowingEventsMenu.js
+++ b/src/components/Navbars/components/FeatureMenus/FollowingEventsMenu.js
@@ -131,10 +131,15 @@ const FollowingEventsMenu = memo(() => {
                                                             {ev.related_week_chg.toFixed(2)}%
                                                         </Badge>
                                                     )}
-                                                    <Button
-                                                        size="xs"
-                                                        variant="ghost"
-                                                        colorScheme="red"
+                                                    <Box
+                                                        as="span"
+                                                        fontSize="xs"
+                                                        color="red.500"
+                                                        cursor="pointer"
+                                                        px={2}
+                                                        py={1}
+                                                        borderRadius="md"
+                                                        _hover={{ bg: 'red.50' }}
                                                         onClick={(e) => {
                                                             e.preventDefault();
                                                             e.stopPropagation();
@@ -142,7 +147,7 @@ const FollowingEventsMenu = memo(() => {
                                                         }}
                                                     >
                                                         取消
-                                                    </Button>
+                                                    </Box>
                                                 </HStack>
                                             </HStack>
                                         </MenuItem>
diff --git a/src/components/Navbars/components/FeatureMenus/WatchlistMenu.js b/src/components/Navbars/components/FeatureMenus/WatchlistMenu.js
index c9072b64..d20fbb06 100644
--- a/src/components/Navbars/components/FeatureMenus/WatchlistMenu.js
+++ b/src/components/Navbars/components/FeatureMenus/WatchlistMenu.js
@@ -113,10 +113,15 @@ const WatchlistMenu = memo(() => {
                                                             item.current_price.toFixed(2) :
                                                             (item.current_price || '-')}
                                                     </Text>
-                                                    <Button
-                                                        size="xs"
-                                                        variant="ghost"
-                                                        colorScheme="red"
+                                                    <Box
+                                                        as="span"
+                                                        fontSize="xs"
+                                                        color="red.500"
+                                                        cursor="pointer"
+                                                        px={2}
+                                                        py={1}
+                                                        borderRadius="md"
+                                                        _hover={{ bg: 'red.50' }}
                                                         onClick={(e) => {
                                                             e.preventDefault();
                                                             e.stopPropagation();
@@ -124,7 +129,7 @@ const WatchlistMenu = memo(() => {
                                                         }}
                                                     >
                                                         取消
-                                                    </Button>
+                                                    </Box>
                                                 </HStack>
                                             </HStack>
                                         </MenuItem>