diff --git a/client/components/codeEditor/autocompleteEmoji.js b/client/components/codeEditor/autocompleteEmoji.js
index b305664c5..7268dcc73 100644
--- a/client/components/codeEditor/autocompleteEmoji.js
+++ b/client/components/codeEditor/autocompleteEmoji.js
@@ -43,7 +43,7 @@ const emojiCompletionList = (context)=>{
     		return div;
     	}
     }));
-	//Label is the text in the list, comes with an icon that just 
+	//Label is the text in the list, comes with an icon that just
 		//renders example text "abc", hid that with css because i didn't see other choice
 	//Apply is the text that is set when the choice is selected
 	//Info is the tooltip
diff --git a/client/components/codeEditor/codeEditor.jsx b/client/components/codeEditor/codeEditor.jsx
index 6c199605d..0c06170d6 100644
--- a/client/components/codeEditor/codeEditor.jsx
+++ b/client/components/codeEditor/codeEditor.jsx
@@ -174,7 +174,7 @@ const CodeEditor = forwardRef(
 
 				highlightActiveLine(),
 				highlightActiveLineGutter(),
-				highlightCompartment.of([customHighlightPlugin,highlightExtension]),
+				highlightCompartment.of([customHighlightPlugin, highlightExtension]),
 				themeCompartment.of(themeExtension),
 				...(tab !== 'brewStyles' ? [autocompleteEmoji] : []),
 				search(),
@@ -323,15 +323,15 @@ const CodeEditor = forwardRef(
 			undo : ()=>undo(viewRef.current),
 			redo : ()=>redo(viewRef.current),
 
-			historySize : () => {
-  const view = viewRef.current;
-  if (!view) return { done: 0, undone: 0 };
+			historySize : ()=>{
+				const view = viewRef.current;
+				if(!view) return { done: 0, undone: 0 };
 
-  return {
-    done: undoDepth(view.state),
-    undone: redoDepth(view.state),
-  };
-},
+				return {
+					done   : undoDepth(view.state),
+					undone : redoDepth(view.state),
+				};
+			},
 
 			focus : ()=>viewRef.current.focus(),
 		}));
diff --git a/client/components/codeEditor/customHighlight.js b/client/components/codeEditor/customHighlight.js
index 73acdf0f2..a91f25281 100644
--- a/client/components/codeEditor/customHighlight.js
+++ b/client/components/codeEditor/customHighlight.js
@@ -269,7 +269,7 @@ export const customHighlightStyle = HighlightStyle.define([
 	{ tag: tags.strong,  class: 'cm-strong' },
 	{ tag: tags.emphasis,  class: 'cm-em' },
 	{ tag: tags.quote,  class: 'cm-quote' },
-	
+
 	//css tags
 
 	{ tag: tags.tagName,  class: 'cm-tag' },
diff --git a/client/components/codeEditor/legacyCustomHighlight.js b/client/components/codeEditor/legacyCustomHighlight.js
index 8e1ef5d66..cccb6647b 100644
--- a/client/components/codeEditor/legacyCustomHighlight.js
+++ b/client/components/codeEditor/legacyCustomHighlight.js
@@ -34,7 +34,7 @@ export const legacyCustomHighlightStyle = HighlightStyle.define([
 	{ tag: tags.strong,  class: 'cm-strong' },
 	{ tag: tags.emphasis,  class: 'cm-em' },
 	{ tag: tags.quote,  class: 'cm-quote' },
-	
+
 	//css tags
 
 	{ tag: tags.tagName,  class: 'cm-tag' },