diff --git a/src/pages/Login/Login.tsx b/src/pages/Login/Login.tsx
index 92b7073e..b3f40c5e 100644
--- a/src/pages/Login/Login.tsx
+++ b/src/pages/Login/Login.tsx
@@ -64,6 +64,17 @@ const Login: React.FC = () => {
       </div>
 
       <div className="relative w-full max-w-md px-4 sm:px-6">
+        <div className="flex justify-end mb-6">
+          <Link
+            to="/"
+            className="group relative inline-flex items-center justify-center p-0.5 overflow-hidden text-sm font-semibold rounded-full bg-gradient-to-br from-blue-600 via-cyan-500 to-teal-500 dark:from-blue-500 dark:via-cyan-400 dark:to-teal-400 text-slate-900 dark:text-white transition-all shadow-md dark:shadow-[0_0_20px_rgba(59,130,246,0.3)] hover:shadow-lg dark:hover:shadow-[0_0_35px_rgba(34,211,238,0.5)] transform hover:-translate-y-0.5"
+          >
+            <span className="relative px-5 py-2.5 transition-all duration-75 bg-white dark:bg-[#030712] rounded-full group-hover:bg-opacity-0">
+              Back to dashboard
+            </span>
+          </Link>
+        </div>
+
         {/* Branding */}
         <div className="text-center mb-10">
           <div className="inline-flex items-center justify-center w-20 h-20 bg-white rounded-3xl mb-6 shadow-2xl transform hover:scale-105 transition-transform duration-300 overflow-hidden">