diff --git a/src/core/webview/ClineProvider.ts b/src/core/webview/ClineProvider.ts
index 87a899344c..1448991ea9 100644
--- a/src/core/webview/ClineProvider.ts
+++ b/src/core/webview/ClineProvider.ts
@@ -1532,7 +1532,7 @@ export class ClineProvider
 			console.error("[ClineProvider:Vite] Failed to read Vite port file:", err)
 		}
 
-		const localServerUrl = `localhost:${localPort}`
+		const localServerUrl = `127.0.0.1:${localPort}`
 
 		// Check if local dev server is running.
 		try {
@@ -1571,7 +1571,7 @@ export class ClineProvider
 
 		const reactRefresh = /*html*/ `
 			<script nonce="${nonce}" type="module">
-				import RefreshRuntime from "http://localhost:${localPort}/@react-refresh"
+				import RefreshRuntime from "http://127.0.0.1:${localPort}/@react-refresh"
 				RefreshRuntime.injectIntoGlobalHook(window)
 				window.$RefreshReg$ = () => {}
 				window.$RefreshSig$ = () => (type) => type
diff --git a/webview-ui/vite.config.ts b/webview-ui/vite.config.ts
index f5743ee10e..3809d91d20 100644
--- a/webview-ui/vite.config.ts
+++ b/webview-ui/vite.config.ts
@@ -121,8 +121,10 @@ export default defineConfig(({ mode }) => {
 			},
 		},
 		server: {
-			hmr: {
-				host: "localhost",
+			hmr: true,
+			host: "127.0.0.1",
+			port: 5173,
+			ws: {
 				protocol: "ws",
 			},
 			cors: {