diff --git a/site/.storybook/main.js b/site/.storybook/main.js
index de93a2695ebba..9547939673c16 100644
--- a/site/.storybook/main.js
+++ b/site/.storybook/main.js
@@ -23,9 +23,14 @@ module.exports = {
   // SEE: https://storybook.js.org/docs/react/configure/babel
   babel: async (options) => ({
     ...options,
-    plugins: ["@babel/plugin-proposal-class-properties"],
+    plugins: [["@babel/plugin-proposal-class-properties", { loose: true }]],
   }),
 
+  // Static files loaded by storybook, relative to this file.
+  //
+  // SEE: https://storybook.js.org/docs/react/configure/overview#using-storybook-api
+  staticDirs: ["../static"],
+
   // Storybook internally uses its own Webpack configuration instead of ours.
   //
   // SEE: https://storybook.js.org/docs/react/configure/webpack
diff --git a/site/package.json b/site/package.json
index eb1cf82ef96d0..d1c5cec680e33 100644
--- a/site/package.json
+++ b/site/package.json
@@ -16,7 +16,7 @@
     "playwright:install": "playwright install",
     "playwright:install-deps": "playwright install-deps",
     "playwright:test": "playwright test --config=e2e/playwright.config.ts",
-    "storybook": "start-storybook -p 6006 -s ./static",
+    "storybook": "start-storybook -p 6006",
     "storybook:build": "build-storybook",
     "test": "jest --selectProjects test",
     "test:coverage": "jest --selectProjects test --collectCoverage",