diff --git a/src/app/pages/login/login.component.html b/src/app/pages/login/login.component.html
index 49303025..095d7c02 100644
--- a/src/app/pages/login/login.component.html
+++ b/src/app/pages/login/login.component.html
@@ -19,7 +19,7 @@
       <div class="flex justify-start items-center text-blue-brand underline pl-4  cursor-pointer" (click)="navigator('/register')">
         Cadastre-se
       </div>
-      <div class="pt-4 flex justify-start items-center text-blue-brand underline pl-4 cursor-pointer" (click)="navigator('/loginsocial')">
+      <div id="loginSocialButton" class="pt-4 flex justify-start items-center text-blue-brand underline pl-4 cursor-pointer" (click)="navigator('/loginsocial')">
         Login com redes sociais
       </div>
     </form>
diff --git a/src/app/pages/login/login.component.spec.ts b/src/app/pages/login/login.component.spec.ts
index ed2ba4a6..aaa6ee93 100644
--- a/src/app/pages/login/login.component.spec.ts
+++ b/src/app/pages/login/login.component.spec.ts
@@ -142,15 +142,12 @@ describe('LoginComponent', () => {
 
   it('should call navigator method when "Login com redes sociais" is clicked', () => {
     const navigatorSpy = spyOn(component, 'navigator').and.callThrough();
-    fixture.detectChanges();
-    const loginSocial = fixture.nativeElement.querySelector('.text-blue-brand');
+    const loginSocial = fixture.nativeElement.querySelector('#loginSocialButton');
     loginSocial.click();
 
-    tick();
     expect(navigatorSpy).toHaveBeenCalledWith('/loginsocial');
   });
 
-
   it('should call login and return an error', () => {
     fixture.detectChanges();
     const form = component.userForm;