diff --git a/packages/frontend/src/Test.tsx b/packages/frontend/src/Test.tsx
index b5e5e25..3696981 100644
--- a/packages/frontend/src/Test.tsx
+++ b/packages/frontend/src/Test.tsx
@@ -1,4 +1,5 @@
 import { Button } from "@/components/ui/button";
+import LogOutButton from "./components/log-out-button";
 
 function Test() {
     return (
@@ -9,6 +10,7 @@ function Test() {
             <div className="flex gap-4">
                 <Button linkTo="/">go back to "/"</Button>
             </div>
+            <LogOutButton />
         </main>
     );
 }
diff --git a/packages/frontend/src/components/log-out-button.tsx b/packages/frontend/src/components/log-out-button.tsx
index 0389010..fbec683 100644
--- a/packages/frontend/src/components/log-out-button.tsx
+++ b/packages/frontend/src/components/log-out-button.tsx
@@ -5,7 +5,7 @@ export default function LogOutButton() {
     const logOut = () => {
         localStorage.removeItem("token");
         localStorage.removeItem("user");
-        window.location.href = "/";
+        window.location.href = "";
     };
 
     return (
diff --git a/packages/frontend/src/components/login-form.tsx b/packages/frontend/src/components/login-form.tsx
index 86219f9..faa3c3b 100644
--- a/packages/frontend/src/components/login-form.tsx
+++ b/packages/frontend/src/components/login-form.tsx
@@ -69,7 +69,7 @@ export default function LogInForm() {
                     const data = await res.json();
                     localStorage.setItem("token", data.token);
                     localStorage.setItem("user", data.user);
-                    window.location.href = "/";
+                    window.location.href = "";
                 }
                 // unauthorized
                 else if (res.status === 401) {