diff --git a/frontend/.storybook/addons.js b/frontend/.storybook/addons.js
new file mode 100644
index 0000000000..339062f226
--- /dev/null
+++ b/frontend/.storybook/addons.js
@@ -0,0 +1 @@
+import '@storybook/addon-viewport/register';
diff --git a/frontend/package.json b/frontend/package.json
index 6ba76941ee..f370b437b4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,6 +21,7 @@
     "storybook": "start-storybook -p 9001 -c .storybook"
   },
   "devDependencies": {
+    "@storybook/addon-viewport": "^3.3.14",
     "@storybook/react": "^3.3.14",
     "@types/jest": "^22.1.3",
     "@types/node": "^9.4.6",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index bbf5176e6a..fec8a4cde3 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -36,6 +36,14 @@
     global "^4.3.2"
     prop-types "^15.5.10"
 
+"@storybook/addon-viewport@^3.3.14":
+  version "3.3.14"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-3.3.14.tgz#18a9f295aa4247b2ed7747a502bcb16e646d6b4f"
+  dependencies:
+    "@storybook/components" "^3.3.14"
+    global "^4.3.2"
+    prop-types "^15.5.10"
+
 "@storybook/addons@^3.3.14":
   version "3.3.14"
   resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.3.14.tgz#20a65085b834898ea6154b9061ebc65a74c6cb33"