diff --git a/src/app/api/supabase/supa.service.ts b/src/app/api/supabase/supa.service.ts
index ce52fdf..e694445 100644
--- a/src/app/api/supabase/supa.service.ts
+++ b/src/app/api/supabase/supa.service.ts
@@ -63,6 +63,7 @@ export class SupaService {
         password
       );
       this.user.next(res.body.user);
+      this.supabaseUser = res.body.user;
       return res.body.user;
     } catch (e) {
       console.error('Login', e);
@@ -82,6 +83,7 @@ export class SupaService {
         password
       );
       this.user.next(res.body.user);
+      this.supabaseUser = res.body.user;
       return res.body.user;
     } catch (e) {
       console.error('Signup', e);
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index 70b49cd..fa2ca45 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -16,7 +16,7 @@
             <button class="btn btn-primary text-uppercase" type="submit" (click)="login(email.value, password.value)">
                 Log in
             </button> or 
-            <a class="btn btn-secondary text-uppercase" [routerLink]="'/signup'">
+            <a class="btn btn-secondary text-uppercase" (click)="router.navigate(['/signup'])">
                 signup
             </a>
         </div>
diff --git a/src/app/login/login.component.ts b/src/app/login/login.component.ts
index 9355faa..e3753b4 100644
--- a/src/app/login/login.component.ts
+++ b/src/app/login/login.component.ts
@@ -10,7 +10,7 @@ import { SupaService } from '../api/supabase/supa.service';
 export class LoginComponent implements OnInit {
 
   constructor(
-    private router: Router,
+    public router: Router,
     private supa: SupaService,
   ) { }