diff --git a/.storybook/main.js b/.storybook/react/main.js
similarity index 88%
rename from .storybook/main.js
rename to .storybook/react/main.js
index ac276be9..e9f4d23f 100644
--- a/.storybook/main.js
+++ b/.storybook/react/main.js
@@ -1,10 +1,10 @@
 // License: LGPL-3.0-or-later
 // Based on https://github.com/rails/webpacker/issues/1004#issuecomment-628377930
 process.env.NODE_ENV = "development";
-const railsWebpackEnv = require("../config/webpack/environment");
+const railsWebpackEnv = require("../../config/webpack/environment");
 
 module.exports = {
-  stories: ["../app/javascript/**/*.stories.[tj]s?(x)"],
+  stories: ["../../app/javascript/**/*!(--html.)stories.[tj]s?(x)"],
   addons: ['@storybook/addon-actions', '@storybook/addon-links', 'storybook-addon-intl'],
   webpackFinal: (config) => {
     const result = {
diff --git a/.storybook/preview.js b/.storybook/react/preview.js
similarity index 67%
rename from .storybook/preview.js
rename to .storybook/react/preview.js
index 08f06172..f0161aad 100644
--- a/.storybook/preview.js
+++ b/.storybook/react/preview.js
@@ -1,5 +1,5 @@
 import { addDecorator } from '@storybook/react';
-import { withIntl, setIntlConfig } from '../app/javascript/components/tests/intl';
+import { withIntl, setIntlConfig } from '../../app/javascript/components/tests/intl';
 
 const messages = {
   'en': { 'button.label': 'Click me!' },