diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..7beedf0
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 3ddcbc7..99dfe68 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,16 +1,16 @@
-import { GalleryVerticalEnd } from "lucide-react";
-
 import { LoginForm } from "@/components/login-form";
 
 export default function LoginPage() {
   return (
     <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
       <div className="flex w-full max-w-sm flex-col gap-6">
-        <a href="#" className="flex items-center gap-2 self-center font-medium">
-          <div className="bg-primary text-primary-foreground flex size-6 items-center justify-center rounded-md">
-            <GalleryVerticalEnd className="size-4" />
+        <a
+          href="#"
+          className="flex items-center gap-2 self-center font-medium w-full flex-row justify-center"
+        >
+          <div className="flex items-center">
+            <img src="/logo.png" alt="Midsuit Logo" className="h-8 w-auto" />
           </div>
-          Midsuit
         </a>
         <LoginForm />
       </div>