diff --git a/packages/x-components/package.json b/packages/x-components/package.json
index 06d3a8e77c..69352129d3 100644
--- a/packages/x-components/package.json
+++ b/packages/x-components/package.json
@@ -44,7 +44,7 @@
   },
   "scripts": {
     "serve": "vite",
-    "preview": "vite build && vite preview --port 8080",
+    "preview": "vite build && vite preview",
     "build": "ts-node --project ./build/tsconfig.json ./build/build.ts",
     "build:website": "vite build",
     "postbuild": "pnpm pack --pack-destination ..",
diff --git a/packages/x-components/vite.config.ts b/packages/x-components/vite.config.ts
index 58237f9829..56d2b88d40 100644
--- a/packages/x-components/vite.config.ts
+++ b/packages/x-components/vite.config.ts
@@ -26,6 +26,9 @@ export default defineConfig({
   server: {
     port: 8080
   },
+  preview: {
+    port: 8080
+  },
   optimizeDeps: {
     exclude: ['@empathyco/x-components']
   }