diff --git a/frontend/src/pages/Login.tsx b/frontend/src/pages/Login.tsx
index cc3dbd3..a79a2b6 100644
--- a/frontend/src/pages/Login.tsx
+++ b/frontend/src/pages/Login.tsx
@@ -45,7 +45,7 @@ export default function Login() {
     <div className="flex min-h-screen items-center justify-center bg-slate-950 px-4">
       <div className="w-full max-w-sm rounded-lg bg-slate-900 p-6 shadow-md border border-slate-800">
         <div className="mb-6 text-center">
-          <div className="mx-auto mb-2 inline-flex h-10 w-10 items-center justify-center rounded-full bg-indigo-600 text-white">
+          <div className="mx-auto mb-2 inline-flex h-10 w-10 items-center justify-center rounded-full bg-[#FFC407] text-slate-900">
             <LogIn className="h-5 w-5" aria-hidden />
           </div>
           <h1 className="text-lg font-semibold text-white">L&apos;Oréal Utilisation</h1>
@@ -88,7 +88,11 @@ export default function Login() {
             <div className="rounded-md border border-red-500/50 bg-red-900/30 px-2 py-1 text-xs text-red-300">{fieldError}</div>
           )}
 
-          <button type="submit" disabled={submitting} className="btn-primary w-full justify-center">
+          <button
+            type="submit"
+            disabled={submitting}
+            className="btn w-full justify-center bg-[#FFC407] text-slate-900 hover:bg-[#ffd23d] disabled:opacity-50"
+          >
             {submitting ? 'Signing in…' : 'Sign in'}
           </button>
         </form>