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