diff --git a/.storybook/main.ts b/.storybook/main.ts
index a17a3c7..f54f11f 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -4,7 +4,7 @@ import graphqlLoader from "vite-plugin-graphql-loader";
 
 const config: StorybookConfig = {
   stories: ["./**/*.mdx", "./**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  staticDirs: ["../public"],
+  staticDirs: ["./public"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index 146467a..1ffa555 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -2,32 +2,18 @@ import type { Preview } from "@storybook/react";
 import { initialize, mswLoader, getWorker } from "msw-storybook-addon";
 import "./stories/input.css";
 
-let options = {};
-
-if (location.hostname === "apollographql.github.io") {
-  options = {
-    serviceWorker: {
-      url: "/graphql-testing-library/mockServiceWorker.js",
-    },
-  };
-}
-
 // Initialize MSW
-initialize(options);
+initialize({
+  serviceWorker: {
+    url: './mockServiceWorker.js'
+  }
+});
 
 const preview: Preview = {
   // calling getWorker().start() is a workaround for an issue
   // where Storybook doesn't wait for MSW before running:
   // https://github.com/mswjs/msw-storybook-addon/issues/89
   loaders: [mswLoader, () => getWorker().start()],
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
 };
 
 export default preview;
diff --git a/public/mockServiceWorker.js b/.storybook/public/mockServiceWorker.js
similarity index 100%
rename from public/mockServiceWorker.js
rename to .storybook/public/mockServiceWorker.js
diff --git a/package.json b/package.json
index 2a88f15..25b04b7 100644
--- a/package.json
+++ b/package.json
@@ -123,7 +123,7 @@
   },
   "msw": {
     "workerDirectory": [
-      "public"
+      ".storybook/public"
     ]
   },
   "relay": {