diff --git a/frontend/viewer/.storybook/main.ts b/frontend/viewer/.storybook/main.ts
index baacb74cb4..f60c56e229 100644
--- a/frontend/viewer/.storybook/main.ts
+++ b/frontend/viewer/.storybook/main.ts
@@ -16,6 +16,14 @@ const config: StorybookConfig = {
     "name": "@storybook/svelte-vite",
     "options": {}
   },
+  async viteFinal(config) {
+    config.server = {
+      ...config.server,
+      // specifying it here instead of the cli prevents the browser from trying to use 0.0.0.0
+      host: '0.0.0.0',
+    };
+    return config;
+  },
   experimental_indexers: (existingIndexers) => {
     existingIndexers?.forEach(indexer => {
       const currCreateIndex = indexer.createIndex;
diff --git a/frontend/viewer/package.json b/frontend/viewer/package.json
index 907edf8258..fd1efae812 100644
--- a/frontend/viewer/package.json
+++ b/frontend/viewer/package.json
@@ -28,7 +28,7 @@
     "lint:report": "eslint . --output-file eslint_report.json --format json",
     "i18n:extract": "lingui extract --clean",
     "generate-icon-types": "node ./generate-icon-types.js",
-    "storybook": "storybook dev -p 6006 --host 0.0.0.0",
+    "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
   "devDependencies": {