diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index 87f79d4dce6..38b9d8fa35f 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -12,6 +12,7 @@
   "license": "MIT",
   "dependencies": {
     "@storybook/components": "^3.2.7",
+    "global": "^4.3.2",
     "prop-types": "^15.5.10"
   },
   "peerDependencies": {
diff --git a/addons/viewport/src/components/Panel.jsx b/addons/viewport/src/components/Panel.jsx
index b897c21b33e..39d080912ff 100644
--- a/addons/viewport/src/components/Panel.jsx
+++ b/addons/viewport/src/components/Panel.jsx
@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { viewports, defaultViewport, resetViewport } from './viewportInfo';
-import { document } from 'global';
 import { baseFonts } from '@storybook/components';
+import { document } from 'global';
 
+import { viewports, defaultViewport, resetViewport } from './viewportInfo';
 import { SelectViewport } from './SelectViewport';
 import { RotateViewport } from './RotateViewport';
 
diff --git a/addons/viewport/src/components/SelectViewport.jsx b/addons/viewport/src/components/SelectViewport.jsx
index c711ccc5486..d9d33ad1bec 100644
--- a/addons/viewport/src/components/SelectViewport.jsx
+++ b/addons/viewport/src/components/SelectViewport.jsx
@@ -10,11 +10,11 @@ export function SelectViewport({ activeViewport, onChange }) {
       <label style={styles.label}>Device</label>
       <select style={styles.action} value={activeViewport} onChange={onChange}>
         <option value={defaultViewport}>Default</option>
-        {Object.keys(viewports).map(key => (
+        {Object.keys(viewports).map(key =>
           <option value={key} key={key}>
             {viewports[key].name}
           </option>
-        ))}
+        )}
       </select>
     </div>
   );
diff --git a/addons/viewport/src/manager.jsx b/addons/viewport/src/manager.jsx
index c60164f1246..9f86b6d02f8 100644
--- a/addons/viewport/src/manager.jsx
+++ b/addons/viewport/src/manager.jsx
@@ -6,7 +6,7 @@ import { Panel } from './components/Panel';
 const ADDON_ID = 'storybook-addon-viewport';
 const PANEL_ID = `${ADDON_ID}/addon-panel`;
 
-const addChannel = (api) => {
+const addChannel = api => {
   const channel = addons.getChannel();
 
   addons.addPanel(PANEL_ID, {
@@ -15,10 +15,10 @@ const addChannel = (api) => {
       return <Panel channel={channel} api={api} />;
     },
   });
-}
+};
 
 const init = () => {
   addons.register(ADDON_ID, addChannel);
-}
+};
 
 export { init, addChannel };