diff --git a/public/locales/en.json b/public/locales/en.json
index 9c9fa1170..84249ff37 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -386,7 +386,7 @@
                 "keyMap": "Keymap",
                 "indentWithTabs": "Tab character",
                 "indentUnit": "Tab size (when using spaces)",
-                "spellChecker": "Spell checking"
+                "spellcheck": "Spell checking"
             }
         },
         "embeddings": {
diff --git a/src/components/editor/editor-pane/tool-bar/editor-preferences/editor-preference-select.tsx b/src/components/editor/editor-pane/tool-bar/editor-preferences/editor-preference-select.tsx
index 9803bd0d1..f24c8cf8c 100644
--- a/src/components/editor/editor-pane/tool-bar/editor-preferences/editor-preference-select.tsx
+++ b/src/components/editor/editor-pane/tool-bar/editor-preferences/editor-preference-select.tsx
@@ -7,7 +7,8 @@ export enum EditorPreferenceProperty {
   KEYMAP = 'keyMap',
   THEME = 'theme',
   INDENT_WITH_TABS = 'indentWithTabs',
-  INDENT_UNIT = 'indentUnit'
+  INDENT_UNIT = 'indentUnit',
+  SPELL_CHECK= 'spellcheck'
 }
 
 export interface EditorPreferenceSelectProps {
diff --git a/src/components/editor/editor-pane/tool-bar/editor-preferences/editor-preferences.tsx b/src/components/editor/editor-pane/tool-bar/editor-preferences/editor-preferences.tsx
index 552599d3d..1a11f19bc 100644
--- a/src/components/editor/editor-pane/tool-bar/editor-preferences/editor-preferences.tsx
+++ b/src/components/editor/editor-pane/tool-bar/editor-preferences/editor-preferences.tsx
@@ -2,7 +2,7 @@ import { EditorConfiguration } from 'codemirror'
 import equal from 'fast-deep-equal'
 import React, { Fragment, useCallback, useState } from 'react'
 import { Button, Form, ListGroup } from 'react-bootstrap'
-import { Trans, useTranslation } from 'react-i18next'
+import { useTranslation } from 'react-i18next'
 import { useSelector } from 'react-redux'
 import { ApplicationState } from '../../../../../redux'
 import { setEditorPreferences } from '../../../../../redux/editor/methods'
@@ -55,15 +55,10 @@ export const EditorPreferences: React.FC = () => {
               <EditorPreferenceSelect onChange={sendPreferences} preferences={preferences} property={EditorPreferenceProperty.INDENT_UNIT}/>
             </ListGroup.Item>
             <ListGroup.Item>
-              <Form.Group controlId='editorSpellChecker'>
-                <Form.Label>
-                  <Trans i18nKey='editor.modal.preferences.spellChecker'/>
-                </Form.Label>
-                <Form.Control as='select' size='sm' onChange={() => alert('This feature is not yet implemented.')}>
-                  <option value='off'>off</option>
-                  <option value='en'>English</option>
-                </Form.Control>
-              </Form.Group>
+              <EditorPreferenceSelect onChange={() => alert('This feature is not yet implemented.')} preferences={preferences} property={EditorPreferenceProperty.SPELL_CHECK}>
+                <option value='off'>off</option>
+                <option value='en'>English</option>
+              </EditorPreferenceSelect>
             </ListGroup.Item>
           </ListGroup>
         </Form>