diff --git a/package.json b/package.json
index a096d7d6682..1a9a4c5657d 100644
--- a/package.json
+++ b/package.json
@@ -293,7 +293,7 @@
 		"lint-fix-local": "eslint -c .eslintrc.local.json src --ext ts --fix && npm run lint-fix --prefix webview-ui",
 		"package": "npm run build:webview && npm run check-types && npm run lint && node esbuild.js --production",
 		"pretest": "npm run compile && npm run compile:integration",
-		"dev": "cd webview-ui && npm run dev",
+		"dev": "cd webview-ui && npm run dev -- --port 5174",
 		"test": "jest && cd webview-ui && npm run test",
 		"test:integration": "npm run build && npm run compile:integration && npx dotenvx run -f .env.integration -- node ./out-integration/test/runTest.js",
 		"prepare": "husky",
diff --git a/src/core/webview/ClineProvider.ts b/src/core/webview/ClineProvider.ts
index 4fb7d28ef20..6164595e689 100644
--- a/src/core/webview/ClineProvider.ts
+++ b/src/core/webview/ClineProvider.ts
@@ -380,7 +380,7 @@ export class ClineProvider implements vscode.WebviewViewProvider {
 	}
 
 	private async getHMRHtmlContent(webview: vscode.Webview): Promise<string> {
-		const localPort = "5173"
+		const localPort = "5174"
 		const localServerUrl = `localhost:${localPort}`
 
 		// Check if local dev server is running.