diff --git a/webapp/components/LoginForm/LoginForm.story.js b/webapp/components/LoginForm/LoginForm.story.js
new file mode 100644
index 000000000..ae422876a
--- /dev/null
+++ b/webapp/components/LoginForm/LoginForm.story.js
@@ -0,0 +1,18 @@
+import { storiesOf } from '@storybook/vue'
+import { withA11y } from '@storybook/addon-a11y'
+import helpers from '~/storybook/helpers'
+import Vue from 'vue'
+
+import LoginForm from './LoginForm.vue'
+
+helpers.init()
+
+storiesOf('LoginForm', module)
+  .addDecorator(withA11y)
+  .addDecorator(helpers.layout)
+  .add('LoginForm', () => ({
+    components: { LoginForm },
+    data: () => ({}),
+    store: helpers.store,
+    template: `<login-form />`,
+  }))
diff --git a/webapp/package.json b/webapp/package.json
index 7c892f181..a8df805bd 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -12,7 +12,7 @@
   "scripts": {
     "dev": "nuxt",
     "dev:styleguide": "cross-env STYLEGUIDE_DEV=true yarn run dev",
-    "storybook": "start-storybook -p 3002 -c storybook/",
+    "storybook": "start-storybook -p 3002  -s ./static -c storybook/",
     "build": "nuxt build",
     "start": "nuxt start",
     "generate:maintenance": "nuxt generate -c nuxt.config.maintenance.js",