diff --git a/site/.storybook/main.js b/site/.storybook/main.js
deleted file mode 100644
index 71e7508836057..0000000000000
--- a/site/.storybook/main.js
+++ /dev/null
@@ -1,18 +0,0 @@
-module.exports = {
-	stories: ["../src/**/*.stories.tsx"],
-
-	addons: [
-		"@chromatic-com/storybook",
-		"@storybook/addon-docs",
-		"@storybook/addon-links",
-		"@storybook/addon-themes",
-		"storybook-addon-remix-react-router",
-	],
-
-	staticDirs: ["../static"],
-
-	framework: {
-		name: "@storybook/react-vite",
-		options: {},
-	},
-};
diff --git a/site/.storybook/main.ts b/site/.storybook/main.ts
new file mode 100644
index 0000000000000..00d97a245891c
--- /dev/null
+++ b/site/.storybook/main.ts
@@ -0,0 +1,29 @@
+export default {
+	stories: ["../src/**/*.stories.tsx"],
+
+	addons: [
+		"@chromatic-com/storybook",
+		"@storybook/addon-docs",
+		"@storybook/addon-links",
+		"@storybook/addon-themes",
+		"storybook-addon-remix-react-router",
+	],
+
+	staticDirs: ["../static"],
+
+	framework: {
+		name: "@storybook/react-vite",
+		options: {},
+	},
+
+	async viteFinal(config) {
+		// Storybook seems to strip this setting out of our Vite config. We need to
+		// put it back in order to be able to access Storybook with Coder Desktop or
+		// port sharing.
+		config.server = {
+			...config.server,
+			allowedHosts: [".coder", ".dev.coder.com"],
+		};
+		return config;
+	},
+} satisfies import("@storybook/react-vite").StorybookConfig;