diff --git a/src/Screens/Login.jsx b/src/Screens/Login.jsx
index af1edd6..d799c84 100644
--- a/src/Screens/Login.jsx
+++ b/src/Screens/Login.jsx
@@ -1,7 +1,7 @@
 /*eslint-disable */
 import { useEffect, useState } from "react";
 import sjcl from "sjcl";
-export default function Login({ colors, setKeys }) {
+export default function Login({ setKeys }) {
   function handleSubmit() {
     const privatekey = document.getElementById("privatekey").value;
     setKeys({
@@ -9,14 +9,13 @@ export default function Login({ colors, setKeys }) {
     });
   }
   return (
-    <div className={colors.primary + " w-full h-full flex flex-col"}>
+    <div className={"bg-five w-full h-full flex flex-col"}>
       <h1 className="text-black text-opacity-70 text-6xl self-center mt-[10rem] shadow-blue-300 shadow-sm">
         BLC Wallet Login
       </h1>
       <div
         className={
-          colors.secondary +
-          " flex w-2/6 min-w-[20rem] min-h-[14rem]  h-2/6 mt-[2rem] justify-center rounded-lg self-center"
+          "bg-secondary flex w-2/6 min-w-[20rem] min-h-[14rem]  h-2/6 mt-[2rem] justify-center rounded-lg self-center"
         }
       >
         <div className="flex flex-col justify-center gap-5 w-3/6 ">
@@ -39,9 +38,7 @@ export default function Login({ colors, setKeys }) {
             name="submit"
             type="submit"
             value="Enter"
-            className={
-              "rounded bg-blue-500 text-white px-4 py-2 cursor-pointer"
-            }
+            className={"rounded bg-primary text-five px-4 py-2 cursor-pointer"}
             onClick={handleSubmit}
           />
         </div>