diff --git a/web/src/feature/AccountList/index.tsx b/web/src/feature/AccountList/index.tsx
index b76deca..8bee291 100644
--- a/web/src/feature/AccountList/index.tsx
+++ b/web/src/feature/AccountList/index.tsx
@@ -1,7 +1,8 @@
-import { useDbContext } from "@/context/db/db";
+import { useDbContext } from "@/context/db";
 import { type LocalAccount, useAccountRepo } from "@/repository/account";
 import { CirclePlus, User } from "lucide-react";
 import { useEffect, useState, type FC } from "react";
+import { Link } from "react-router-dom";
 
 const AccountList: FC = () => {
   const [accounts, setAccounts] = useState<LocalAccount[]>([]);
@@ -72,16 +73,18 @@ const AccountList: FC = () => {
           </div>
         </div>
       ))}
-      <div className="flex flex-row items-center p-4 border-gray-200 dark:border-gray-700/65 border-b border-r-0 border-l-0 select-none cursor-pointer hover:bg-gray-50/50 dark:hover:bg-gray-800/10 transition-colors mb-0">
-        <div>
-          <div className="rounded-full p-2 text-gray-900 dark:text-gray-200 mr-3">
-            <CirclePlus />
+      <Link to="/login">
+        <div className="flex flex-row items-center p-4 border-gray-200 dark:border-gray-700/65 border-b border-r-0 border-l-0 select-none cursor-pointer hover:bg-gray-50/50 dark:hover:bg-gray-800/10 transition-colors mb-0">
+          <div>
+            <div className="rounded-full p-2 text-gray-900 dark:text-gray-200 mr-3">
+              <CirclePlus />
+            </div>
           </div>
+          <p className="text-base text-gray-900 dark:text-gray-200">
+            Add new account
+          </p>
         </div>
-        <p className="text-base text-gray-900 dark:text-gray-200">
-          Add new account
-        </p>
-      </div>
+      </Link>
     </>
   );
 };