diff --git a/packages/gui/src/electron/main.tsx b/packages/gui/src/electron/main.tsx
index 81a3e6617a..74990edd09 100644
--- a/packages/gui/src/electron/main.tsx
+++ b/packages/gui/src/electron/main.tsx
@@ -895,7 +895,7 @@ if (ensureSingleInstance() && ensureCorrectEnvironment()) {
 
     const startUrl =
       process.env.NODE_ENV === 'development'
-        ? 'http://localhost:3000'
+        ? `http://localhost:${Number(process.env.CHIA_GUI_PORT) || 3000}`
         : url.format({
             pathname: path.join(__dirname, '/../renderer/index.html'),
             protocol: 'file:',
diff --git a/packages/gui/webpack.react.babel.ts b/packages/gui/webpack.react.babel.ts
index 6ad77a6a94..7c70164333 100644
--- a/packages/gui/webpack.react.babel.ts
+++ b/packages/gui/webpack.react.babel.ts
@@ -1,12 +1,15 @@
 import webpack from 'webpack';
 import path from 'path';
+import dotenv from 'dotenv';
 import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
 import LoadablePlugin from '@loadable/webpack-plugin';
 import TerserPlugin from 'terser-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import LodashModuleReplacementPlugin from 'lodash-webpack-plugin';
 
-const PORT = 3000;
+dotenv.config({ path: path.join(__dirname, '.env') });
+
+const PORT = Number(process.env.CHIA_GUI_PORT) || 3000;
 const CONTEXT = __dirname;
 const DEV = process.env.NODE_ENV !== 'production';