diff --git a/dev-server.js b/dev-server.js
index cbd4652ab..ad51b1658 100644
--- a/dev-server.js
+++ b/dev-server.js
@@ -22,14 +22,15 @@ const path = require('path');
 const { createProxyMiddleware } = require('http-proxy-middleware');
 
 const app = express();
-const proxyPort = 3000;
 const browserPort = 4000;
+const stencilPort = 4001;
+const proxyPort = 4002;
 
 // Proxy Stencil's dev server
 app.use(
   '/~dev-server',
   createProxyMiddleware({
-    target: 'http://localhost:3333',
+    target: `http://localhost:${stencilPort}`,
     changeOrigin: true,
     ws: true
   })
diff --git a/package.json b/package.json
index 158f2cd1c..434a17f79 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
   ],
   "scripts": {
     "build": "stencil build --docs",
-    "dev": "stencil build --dev --docs --watch --serve --port 3333 --no-open",
+    "dev": "stencil build --dev --docs --watch --serve --port 4001 --no-open",
     "lint": "eslint src/**/*{.ts,.tsx}",
     "make-dist": "node make-dist.js",
     "make-icons": "node make-icons.js",