diff --git a/src/gutter-component.coffee b/src/gutter-component.coffee
index 2f180badf..04bcfa7d6 100644
--- a/src/gutter-component.coffee
+++ b/src/gutter-component.coffee
@@ -77,7 +77,7 @@ LineNumberComponent = React.createClass
   render: ->
     {index, lineHeight, scrollOffset} = @props
     div
-      className: "line-number"
+      className: "line-number editor-colors"
       style: {WebkitTransform: "translate3d(0px, #{index * lineHeight + scrollOffset}px, 0px)"}
       dangerouslySetInnerHTML: {__html: @buildInnerHTML()}
 
diff --git a/src/lines-component.coffee b/src/lines-component.coffee
index c51f92bff..b1cd995c2 100644
--- a/src/lines-component.coffee
+++ b/src/lines-component.coffee
@@ -112,7 +112,7 @@ LineComponent = React.createClass
     left = horizontalScrollOffset
     style = WebkitTransform: "translate3d(#{left}px, #{top}px, 0px)"
 
-    div className: 'line', style: style, 'data-screen-row': screenRow, dangerouslySetInnerHTML: {__html: @buildInnerHTML()}
+    div className: 'line editor-colors', style: style, 'data-screen-row': screenRow, dangerouslySetInnerHTML: {__html: @buildInnerHTML()}
 
   buildInnerHTML: ->
     if @props.tokenizedLine.text.length is 0