diff --git a/src/components/ContentWrap.jsx b/src/components/ContentWrap.jsx
index 2c02ce7..dda6c65 100644
--- a/src/components/ContentWrap.jsx
+++ b/src/components/ContentWrap.jsx
@@ -286,11 +286,10 @@ export default class ContentWrap extends Component {
 		]).then(() => this.setPreviewContent(true));
 	}
 	applyCodemirrorSettings(prefs) {
-		/* if (window.consoleEl) {
-			window.consoleEl.querySelector(
-				'.CodeMirror'
-			).style.fontSize = `${parseInt(prefs.fontSize, 10)}px`;
-		} */
+		document.documentElement.style.setProperty(
+			'--code-font-size',
+			`${parseInt(prefs.fontSize, 10)}px`
+		);
 
 		// Replace correct css file in LINK tags's href
 		if (prefs.editorTheme) {
diff --git a/src/components/ContentWrapFiles.jsx b/src/components/ContentWrapFiles.jsx
index 887de16..25f9b20 100644
--- a/src/components/ContentWrapFiles.jsx
+++ b/src/components/ContentWrapFiles.jsx
@@ -294,11 +294,10 @@ export default class ContentWrapFiles extends Component {
 		);
 	}
 	applyCodemirrorSettings(prefs) {
-		if (window.consoleEl) {
-			// window.consoleEl.querySelector(
-			// '.CodeMirror'
-			// ).style.fontSize = `${parseInt(prefs.fontSize, 10)}px`;
-		}
+		document.documentElement.style.setProperty(
+			'--code-font-size',
+			`${parseInt(prefs.fontSize, 10)}px`
+		);
 
 		// Replace correct css file in LINK tags's href
 		if (prefs.editorTheme) {
diff --git a/src/components/UserCodeMirror.jsx b/src/components/UserCodeMirror.jsx
index ed58f34..006907a 100644
--- a/src/components/UserCodeMirror.jsx
+++ b/src/components/UserCodeMirror.jsx
@@ -38,9 +38,6 @@ emmet(CodeMirror);
 export default class UserCodeMirror extends Component {
 	componentDidMount() {
 		this.initEditor();
-		this.textarea.parentNode.querySelector(
-			'.CodeMirror'
-		).style.fontSize = `${parseInt(this.props.prefs.fontSize, 10)}px`;
 	}
 	shouldComponentUpdate(nextProps) {
 		if (nextProps.prefs !== this.props.prefs) {
@@ -60,12 +57,6 @@ export default class UserCodeMirror extends Component {
 			this.cm.setOption('keyMap', prefs.keymap);
 			this.cm.setOption('lineWrapping', prefs.lineWrap);
 
-			if (this.textarea) {
-				this.textarea.parentNode.querySelector(
-					'.CodeMirror'
-				).style.fontSize = `${parseInt(prefs.fontSize, 10)}px`;
-			}
-
 			this.cm.refresh();
 		}
 
diff --git a/src/style.css b/src/style.css
index 2c8b772..6cb7d31 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1445,7 +1445,7 @@ body > #demo-frame {
 	flex-basis: 0;
 }
 .console__items li {
-	font-size: 1em !important;
+	font-size: var(--code-font-size) !important;
 	line-height: inherit !important;
 	padding: 5px 10px !important;
 	border-bottom: 1px solid rgba(255, 255, 255, 0.05);