diff --git a/src/ui/MemoryPanel.js b/src/ui/MemoryPanel.js
index 9c05d05ca7..b48b59d49b 100644
--- a/src/ui/MemoryPanel.js
+++ b/src/ui/MemoryPanel.js
@@ -6,7 +6,11 @@ var yo = require('yo-yo')
 function MemoryPanel (_parent, _traceManager) {
   this.parent = _parent
   this.traceManager = _traceManager
-  this.basicPanel = new DropdownPanel('Memory', {json: true})
+  this.basicPanel = new DropdownPanel('Memory', {
+    json: true,
+    css: {
+      'font-family': 'monospace'
+    }})
   this.init()
 }
 
diff --git a/src/ui/TreeView.js b/src/ui/TreeView.js
index 77404099e3..49df208ce9 100644
--- a/src/ui/TreeView.js
+++ b/src/ui/TreeView.js
@@ -11,8 +11,8 @@ class TreeView {
     this.beforeJsonNodeRendered = opts.beforeJsonNodeRendered || noop
     this.beforeJsonValueRendered = opts.beforeJsonValueRendered || noop
     this.view = null
-    this.cssLabel = ui.formatCss(style.label)
-    this.cssList = ui.formatCss(style.list)
+    this.cssLabel = ui.formatCss(opts.css || {}, style.label)
+    this.cssList = ui.formatCss(opts.css || {}, style.list)
   }
 
   render (json) {
diff --git a/src/ui/styles/dropdownPanel.js b/src/ui/styles/dropdownPanel.js
index b3c6ec5d87..3fe1c47c3e 100644
--- a/src/ui/styles/dropdownPanel.js
+++ b/src/ui/styles/dropdownPanel.js
@@ -13,8 +13,7 @@ module.exports = {
   },
   content: {
     'color': '#111111',
-    'width': '100%',
-    'font-family': 'monospace'
+    'width': '100%'
   },
   inner: {
     'padding': '2px',