diff --git a/src/modules/chapter/components/cards/ChapterCard.tsx b/src/modules/chapter/components/cards/ChapterCard.tsx
index 54255a2b..33f805e5 100644
--- a/src/modules/chapter/components/cards/ChapterCard.tsx
+++ b/src/modules/chapter/components/cards/ChapterCard.tsx
@@ -211,9 +211,12 @@ export const ChapterCard = memo((props: IProps) => {
                                                 onClick={(e) => handleClickOpenMenu(e, popupState.open)}
                                                 aria-label="more"
                                                 size="large"
-                                                sx={applyStyles(mode === 'reader' && isActiveChapter, {
-                                                    color: 'secondary',
-                                                })}
+                                                sx={{
+                                                    color: 'inherit',
+                                                    ...applyStyles(mode === 'reader' && isActiveChapter, {
+                                                        color: 'primary.contrastText',
+                                                    }),
+                                                }}
                                             >
                                                 <MoreVertIcon />
                                             </IconButton>