diff --git a/lib/minimap-element.js b/lib/minimap-element.js
index 4edbff16..4b66cce6 100644
--- a/lib/minimap-element.js
+++ b/lib/minimap-element.js
@@ -5,7 +5,6 @@ import { EventsDelegation, AncestorsMethods } from 'atom-utils-plus'
 import elementResizeDetectorImport from 'element-resize-detector'
 
 import * as Main from './main'
-import DOMStylesReader from './dom-styles-reader'
 import CanvasDrawer from './mixins/canvas-drawer'
 import include from './decorators/include'
 import element from './decorators/element'
@@ -178,11 +177,6 @@ class MinimapElement {
      */
     this.quickSettingsElement = undefined
 
-    /**
-     * This MinimapElement's DOMStylesReader
-     */
-    this.DOMStylesReader = new DOMStylesReader()
-
     // States
 
     /**
diff --git a/lib/mixins/canvas-drawer.js b/lib/mixins/canvas-drawer.js
index 524ab079..64ed37ff 100644
--- a/lib/mixins/canvas-drawer.js
+++ b/lib/mixins/canvas-drawer.js
@@ -5,6 +5,7 @@ import Mixin from 'mixto'
 
 import * as Main from '../main'
 import CanvasLayer from '../canvas-layer'
+import DOMStylesReader from '../dom-styles-reader'
 
 /**
  * The `CanvasDrawer` mixin is responsible for the rendering of a `Minimap`
@@ -63,6 +64,11 @@ export default class CanvasDrawer extends Mixin {
 
     // the maximum number of tokens to render in one line
     this.maxTokensInOneLine = atom.config.get('minimap.maxTokensInOneLine')
+
+    /**
+     * This MinimapElement's DOMStylesReader
+     */
+    this.DOMStylesReader = new DOMStylesReader()
   }
 
   /**