From 5115d13616b3db9d22e5e5cda5becc1ab58ec0c3 Mon Sep 17 00:00:00 2001
From: root <cheffe01@web.de>
Date: Wed, 29 Jul 2026 23:28:04 +0200
Subject: [PATCH] fix: use ArrowLeft icon instead of HTML entity in login page

---
 artifacts/toolrate/src/pages/login.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/artifacts/toolrate/src/pages/login.tsx b/artifacts/toolrate/src/pages/login.tsx
index dc65848..2cfb395 100644
--- a/artifacts/toolrate/src/pages/login.tsx
+++ b/artifacts/toolrate/src/pages/login.tsx
@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
-import { Wrench, AlertCircle } from "lucide-react";
+import { Wrench, AlertCircle, ArrowLeft } from "lucide-react";
 
 export default function Login() {
   const [, setLocation] = useLocation();
@@ -98,8 +98,9 @@ export default function Login() {
           </Card>
 
           <div className="text-center">
-            <Link href="/" className="text-sm text-muted-foreground hover:text-primary transition-colors">
-              &larr; Back to Home
+            <Link href="/" className="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-primary transition-colors">
+              <ArrowLeft className="w-4 h-4" />
+              Back to Home
             </Link>
           </div>
         </div>