diff --git a/.env.example b/.env.example
index f8cf206bd2e..f827cd92a7d 100644
--- a/.env.example
+++ b/.env.example
@@ -9,6 +9,7 @@ PGLITE_DATA_DIR=     #../pgLite/ if selecting a directory   --- or memory:// if
 
 # Eliza Port Config
 SERVER_PORT=3000
+VITE_SERVER_PORT=${SERVER_PORT}
 
 # Supabase Configuration
 SUPABASE_URL=
diff --git a/client/src/lib/api.ts b/client/src/lib/api.ts
index ec5a6a3f057..fdfd75e8da4 100644
--- a/client/src/lib/api.ts
+++ b/client/src/lib/api.ts
@@ -1,6 +1,6 @@
 import { type UUID, type Character } from "@elizaos/core";
 
-const BASE_URL = "http://localhost:3000";
+const BASE_URL = `http://localhost:${import.meta.env.VITE_SERVER_PORT}`;
 
 const fetcher = async ({
     url,
diff --git a/client/vite.config.ts b/client/vite.config.ts
index c857927ca4a..ecdb1abcb01 100644
--- a/client/vite.config.ts
+++ b/client/vite.config.ts
@@ -1,6 +1,7 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import viteCompression from "vite-plugin-compression";
+import path from "path";
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -13,6 +14,7 @@ export default defineConfig({
         }),
     ],
     clearScreen: false,
+    envDir: path.resolve(__dirname, ".."),
     build: {
         outDir: "dist",
         minify: true,