diff --git a/app/_components/NavigationBar.tsx b/app/_components/NavigationBar.tsx
index 8b1e89a..e4fcb9f 100644
--- a/app/_components/NavigationBar.tsx
+++ b/app/_components/NavigationBar.tsx
@@ -5,10 +5,15 @@ import { usePathname } from "next/navigation";
 const NavigationBar = () => {
   const pathname = usePathname();
   return (
-    <nav>
+    <nav className="my-5">
       <ul className="flex flex-row-reverse items-center gap-12">
-        <li className="bg-(--primary) text-white py-5 px-12 rounded-full">
-          Login
+        <li>
+          <Link
+            href={"https://app.opplens.com"}
+            className="cursor-pointer bg-(--primary) text-white py-5 px-12 rounded-full"
+            target="_blank">
+            Login
+          </Link>
         </li>
         <li>
           <Link