diff --git a/packages/zapp/console/package.json b/packages/zapp/console/package.json
index 47de5d57a..cde51671e 100644
--- a/packages/zapp/console/package.json
+++ b/packages/zapp/console/package.json
@@ -11,7 +11,7 @@
         "clean": "rm -rf dist",
         "build": "TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' webpack --config webpack.dev.config.ts --mode=development",
         "build:prod": "TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' NODE_ENV=production webpack --config webpack.prod.config.ts --mode=production --progress",
-        "start": "webpack serve --open --config webpack.dev.config.ts --hot",
+        "start": "webpack serve --config webpack.dev.config.ts --hot",
         "start:prod": "NODE_ENV=production node -r dotenv/config index.js",
         "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
         "format": "prettier --ignore-path .eslintignore --write \"**/*.+(js|jsx|ts|tsx|json)\"",
diff --git a/packages/zapp/console/webpack.dev.config.ts b/packages/zapp/console/webpack.dev.config.ts
index 27439aec3..ab95f136c 100644
--- a/packages/zapp/console/webpack.dev.config.ts
+++ b/packages/zapp/console/webpack.dev.config.ts
@@ -7,6 +7,7 @@ import {
   CERTIFICATE_PATH,
   ADMIN_API_USE_SSL,
   ASSETS_PATH as publicPath,
+  BASE_URL,
 } from './env';
 
 const { merge } = require('webpack-merge');
@@ -41,7 +42,11 @@ export const clientConfig: webpack.Configuration = merge(common.default.clientCo
   devtool,
   devServer: {
     hot: true,
-    static: path.join(__dirname, 'dist'),
+    open: [BASE_URL || '/'],
+    static: {
+      directory: path.join(__dirname, 'dist'),
+      publicPath,
+    },
     compress: true,
     port: 3000,
     host: LOCAL_DEV_HOST,