diff --git a/ui/litellm-dashboard/src/app/page.tsx b/ui/litellm-dashboard/src/app/page.tsx
index f475c5e316..f806050c6b 100644
--- a/ui/litellm-dashboard/src/app/page.tsx
+++ b/ui/litellm-dashboard/src/app/page.tsx
@@ -4,8 +4,7 @@ import UserDashboard from "../components/user_dashboard";
 const CreateKeyPage = () => {
   return (
     <Suspense fallback={<div>Loading...</div>}>
-    <div className="flex min-h-screen flex-col items-center">
-      <Navbar />
+    <div className="flex min-h-screen flex-col ">
       <UserDashboard />
     </div>
     </Suspense>
diff --git a/ui/litellm-dashboard/src/components/networking.tsx b/ui/litellm-dashboard/src/components/networking.tsx
index 6384005c1a..7859c6a8cd 100644
--- a/ui/litellm-dashboard/src/components/networking.tsx
+++ b/ui/litellm-dashboard/src/components/networking.tsx
@@ -3,7 +3,8 @@
  */
 import { message } from 'antd';
 
-const proxyBaseUrl = null
+// const proxyBaseUrl = null;
+const proxyBaseUrl = "http://localhost:4000" // http://localhost:4000
 
 export const keyCreateCall = async (
   accessToken: string,
diff --git a/ui/litellm-dashboard/src/components/user_dashboard.tsx b/ui/litellm-dashboard/src/components/user_dashboard.tsx
index 4a0a72e189..db09cd8d1b 100644
--- a/ui/litellm-dashboard/src/components/user_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/user_dashboard.tsx
@@ -5,10 +5,12 @@ import { Grid, Col, Card, Text } from "@tremor/react";
 import CreateKey from "./create_key_button";
 import ViewKeyTable from "./view_key_table";
 import EnterProxyUrl from "./enter_proxy_url";
+import Navbar from "./navbar";
 import { useSearchParams } from "next/navigation";
 import { jwtDecode } from "jwt-decode";
 
-const proxyBaseUrl = null
+// const proxyBaseUrl = null;
+const proxyBaseUrl = "http://localhost:4000" // http://localhost:4000
 
 const UserDashboard = () => {
   const [data, setData] = useState<null | any[]>(null); // Keep the initialization of state here
@@ -67,7 +69,11 @@ const UserDashboard = () => {
 
   
   return (
-    <Grid numItems={1} className="gap-0 p-10 h-[75vh] w-full">
+    <div>
+      <Navbar
+        userID={userID}
+      />
+      <Grid numItems={1} className="gap-0 p-10 h-[75vh] w-full">
       <Col numColSpan={1}>
         <ViewKeyTable
           userID={userID}
@@ -83,6 +89,8 @@ const UserDashboard = () => {
         />
       </Col>
     </Grid>
+    </div>
+
   );
 };