diff --git a/web/package.json b/web/package.json
index ce7b6c3fe..cf5569bcd 100644
--- a/web/package.json
+++ b/web/package.json
@@ -2,9 +2,9 @@
   "name": "frigate",
   "private": true,
   "scripts": {
-    "start": "cross-env SNOWPACK_PUBLIC_API_HOST=http://10.0.1.210:5000 snowpack dev",
+    "start": "cross-env SNOWPACK_PUBLIC_API_HOST=http://localhost:5000 snowpack dev",
     "prebuild": "rimraf build",
-    "build": "cross-env NODE_ENV=production snowpack build"
+    "build": "cross-env NODE_ENV=production SNOWPACK_MODE=production SNOWPACK_PUBLIC_API_HOST='' snowpack build"
   },
   "dependencies": {
     "@prefresh/snowpack": "^3.0.1",
diff --git a/web/snowpack.config.js b/web/snowpack.config.js
index 18bef7fb4..f2d8cfbfc 100644
--- a/web/snowpack.config.js
+++ b/web/snowpack.config.js
@@ -8,7 +8,7 @@ module.exports = {
   plugins: ['@snowpack/plugin-postcss', '@prefresh/snowpack', 'snowpack-plugin-hash'],
   routes: [{ match: 'routes', src: '.*', dest: '/index.html' }],
   optimize: {
-    bundle: true,
+    bundle: false,
     minify: true,
     treeshake: true,
   },
diff --git a/web/src/App.jsx b/web/src/App.jsx
index eb55bafde..198bc7411 100644
--- a/web/src/App.jsx
+++ b/web/src/App.jsx
@@ -34,7 +34,7 @@ export default function App() {
                   <Event path="/events/:eventId" />
                   <Events path="/events" />
                   <Debug path="/debug" />
-                  {import.meta.env.SNOWPACK_MODE !== 'development' ? <StyleGuide path="/styleguide" /> : null}
+                  {import.meta.env.NODE_ENV !== 'development' ? <StyleGuide path="/styleguide" /> : null}
                   <Cameras default path="/" />
                 </Router>
               </div>