diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
index e183d0f61..f773b3c0a 100644
--- a/.storybook/webpack.config.js
+++ b/.storybook/webpack.config.js
@@ -4,7 +4,7 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.(css|scss)?$/,
+        test: /\.scss$/,
         loaders: ['style-loader', 'css-loader', 'sass-loader'],
         include: path.resolve(__dirname, '../'),
       },
diff --git a/package.json b/package.json
index 95a03e007..adff6f3f3 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
     "@babel/traverse": "7.3.4",
     "@hot-loader/react-dom": "16.8.4",
     "@percy-io/percy-storybook": "2.1.0",
-    "@storybook/react": "4.1.14",
+    "@storybook/react": "5.0.1",
     "autoprefixer": "9.4.10",
     "babel-eslint": "10.0.1",
     "babel-jest": "24.4.0",