diff --git a/browser/main/modals/PreferencesModal/ConfigTab.styl b/browser/main/modals/PreferencesModal/ConfigTab.styl
index 0e22833d..e1c867ff 100644
--- a/browser/main/modals/PreferencesModal/ConfigTab.styl
+++ b/browser/main/modals/PreferencesModal/ConfigTab.styl
@@ -123,6 +123,7 @@
     line-height 1.2
 
 .note-for-keymap
+.note-for-markdownlint-rules
   font-size: 12px
 
 .code-mirror
@@ -266,4 +267,4 @@ body[data-theme="dracula"]
     colorDraculaControl()
   .group-section-control
     select, .group-section-control-input
-      colorDraculaControl()
\ No newline at end of file
+      colorDraculaControl()
diff --git a/browser/main/modals/PreferencesModal/UiTab.js b/browser/main/modals/PreferencesModal/UiTab.js
index ee1b892f..9e1b3f6d 100644
--- a/browser/main/modals/PreferencesModal/UiTab.js
+++ b/browser/main/modals/PreferencesModal/UiTab.js
@@ -654,7 +654,7 @@ class UiTab extends React.Component {
                     lint: true,
                     gutters: ['CodeMirror-lint-markers']
                   }} />
-                <p styleName='note-for-keymap'>{i18n.__(`⚠️ Please reload boostnote after you change the Custom MarkdownLint rules`)}</p>
+                <p styleName='note-for-markdownlint-rules'>{i18n.__(`⚠️ Please reload boostnote after you change the Custom MarkdownLint rules`)}</p>
               </div>
             </div>
           </div>