diff --git a/.storybook/config.js b/.storybook/config.js
deleted file mode 100644
index 3194278be..000000000
--- a/.storybook/config.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import {configure} from '@storybook/react';
-
-function loadStories() {
-  require('../src/__stories__/index.js');
-  // You can require as many stories as you need.
-}
-
-configure(loadStories, module);
diff --git a/.storybook/main.js b/.storybook/main.js
new file mode 100644
index 000000000..d94c5421c
--- /dev/null
+++ b/.storybook/main.js
@@ -0,0 +1,3 @@
+module.exports = {
+  stories: ['../src/__stories__/index.js'],
+};
diff --git a/.storybook/preview.js b/.storybook/preview.js
new file mode 100644
index 000000000..7b09c4908
--- /dev/null
+++ b/.storybook/preview.js
@@ -0,0 +1,3 @@
+export const parameters = {
+  layout: 'fullscreen',
+};
diff --git a/package.json b/package.json
index 9ef5551b6..4cf3fd6f4 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,7 @@
     "@babel/traverse": "7.13.13",
     "@hot-loader/react-dom": "16.14.0",
     "@percy/storybook": "3.3.1",
-    "@storybook/react": "5.3.21",
+    "@storybook/react": "6.2.3",
     "autoprefixer": "10.2.5",
     "babel-eslint": "10.1.0",
     "babel-jest": "26.6.3",