diff --git a/src/app/tabs/plugin-tab.js b/src/app/tabs/plugin-tab.js
index 62347ca7eb..37361ec0a0 100644
--- a/src/app/tabs/plugin-tab.js
+++ b/src/app/tabs/plugin-tab.js
@@ -1,22 +1,5 @@
 var yo = require('yo-yo')
-
-// -------------- styling ----------------------
-var csjs = require('csjs-inject')
-
-var css = csjs`
-  .pluginTabView {
-    height: 100%;
-    width: 100%;
-  }
-  
-  .iframe {
-    height: 100%;
-    width: 100%;
-    border: 0;
-  }
-`
-
-module.exports = plugintab
+var css = require('./styles/plugin-tab-styles')
 
 function plugintab (container, appAPI, events, opts, url) {
   var el = yo`
@@ -26,3 +9,5 @@ function plugintab (container, appAPI, events, opts, url) {
   container.appendChild(el)
   return el
 }
+
+module.exports = plugintab
diff --git a/src/app/tabs/styles/plugin-tab-styles.js b/src/app/tabs/styles/plugin-tab-styles.js
new file mode 100644
index 0000000000..3e22de4fa8
--- /dev/null
+++ b/src/app/tabs/styles/plugin-tab-styles.js
@@ -0,0 +1,16 @@
+var csjs = require('csjs-inject')
+
+var css = csjs`
+  .pluginTabView {
+    height: 100%;
+    width: 100%;
+  }
+  
+  .iframe {
+    height: 100%;
+    width: 100%;
+    border: 0;
+  }
+`
+
+module.exports = css