diff --git a/storybook/addons.js b/storybook/addons.js
index af08472b4..d287307b5 100644
--- a/storybook/addons.js
+++ b/storybook/addons.js
@@ -1 +1,2 @@
 require('@storybook/addon-actions/register');
+require('storybook-addon-jsx/register');
diff --git a/storybook/config.js b/storybook/config.js
index 33f70825e..66fbfc55e 100644
--- a/storybook/config.js
+++ b/storybook/config.js
@@ -1,8 +1,16 @@
 const React = require('react');
 const { withConsole } = require('@storybook/addon-console');
-const { addDecorator, configure } = require('@storybook/react');
+const { addDecorator, addParameters, configure } = require('@storybook/react');
+const { jsxDecorator } = require('storybook-addon-jsx');
 const RouterDecorator = require('./RouterDecorator');
 
+addParameters({
+    jsx: {
+        indent_size: 4,
+        showFunctions: false
+    }
+});
+addDecorator((renderStory, context) => jsxDecorator(renderStory, context));
 addDecorator((renderStory, context) => withConsole()(renderStory)(context));
 addDecorator((renderStory) => (
     <RouterDecorator>