diff --git a/client/styles/components/_editor.scss b/client/styles/components/_editor.scss
index 5209e517..d75fbfbc 100644
--- a/client/styles/components/_editor.scss
+++ b/client/styles/components/_editor.scss
@@ -19,3 +19,32 @@
 .CodeMirror-line {
 	padding-left: #{5 / $base-font-size}rem;
 }
+
+.CodeMirror-gutter-wrapper {
+  right: 100%;
+  top: 0;
+  bottom: 0;
+}
+
+
+.CodeMirror-lint-marker-warning, .CodeMirror-lint-marker-error, .CodeMirror-lint-marker-multiple {
+  background-image: none;
+  width: 70px;
+  position: absolute;
+  height: 100%;
+}
+
+.CodeMirror-lint-marker-warning {
+  background-color: rgb(255, 190, 5);
+}
+
+.CodeMirror-lint-marker-error {
+  background-color: rgb(255, 95, 82);
+}
+
+.CodeMirror-gutter-elt:not(.CodeMirror-linenumber) {
+  opacity: 0.3;
+  width: 70px !important;
+  height: 100%;
+  // background-color: rgb(255, 95, 82);
+}
diff --git a/client/styles/components/_p5-widget-codemirror-theme.scss b/client/styles/components/_p5-widget-codemirror-theme.scss
index 1c7fab3e..fe3be0b1 100644
--- a/client/styles/components/_p5-widget-codemirror-theme.scss
+++ b/client/styles/components/_p5-widget-codemirror-theme.scss
@@ -27,6 +27,7 @@
 .cm-s-p5-widget span.cm-error { color: #f00; }
 
 .cm-s-p5-widget .CodeMirror-activeline-background { background-color: #e8f2ff; }
+// .cm-s-p5-widget .CodeMirror-activeline-gutter { background-color: #e8f2ff; }
 .cm-s-p5-widget .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
 
 /* These styles don't seem to be set by CodeMirror's javascript mode. */