diff --git a/src/Pages/Login.tsx b/src/Pages/Login.tsx
index a023088..7b9077f 100644
--- a/src/Pages/Login.tsx
+++ b/src/Pages/Login.tsx
@@ -46,7 +46,8 @@ const Login = () => {
     // Encode Basic Auth Credentials
     const username = import.meta.env.VITE_USER_NAME || ""; // Replace with actual username
     const password = import.meta.env.VITE_PASSWORD || ""; // Replace with actual password
-    const basicAuth = `${username}:${password}`; // Encode to Base64
+    const credentials = `${username}:${password}`; // Encode to Base64
+    const basicAuth = btoa(credentials); // Use btoa for Base64 encoding
 
     try {
       const res = await axios.post(