diff --git a/Frontend Angular 4/src/app/login/login.component.html b/Frontend Angular 4/src/app/login/login.component.html
index d921ec3fa4851e02baffd7fc37f38cf4dcded246..aa35b416131b20071fccae0a0728ecc7b956f853 100755
--- a/Frontend Angular 4/src/app/login/login.component.html	
+++ b/Frontend Angular 4/src/app/login/login.component.html	
@@ -5,11 +5,11 @@
             <form role="form">
                 <div class="form-content">
                     <div class="form-group">
-                        <input type="text" [(ngModel)]=model.cedula  name="cedula" class="form-control input-underline input-lg"  placeholder='{{ "login.user" | translate }}'>
+                        <input type="text" [(ngModel)]=model.cedula  name="cedula" class="form-control input-underline input-lg"  placeholder='{{ "i18n.object.user" | translate | titleCase }}'>
                     </div>
 
                     <div class="form-group">
-                        <input type="password" [(ngModel)]=model.password (keyup.enter)=login() name="password" class="form-control input-underline input-lg"  placeholder='{{ "login.password" | translate }}'>
+                        <input type="password" [(ngModel)]=model.password (keyup.enter)=login() name="password" class="form-control input-underline input-lg"  placeholder='{{ "i18n.object.password" | translate | titleCase }}'>
                     </div>
                     <div class="form-group" style="margin-bottom: 0px; text-align: left;">
                         <div ngbDropdown class="d-inline-block language-switcher">
@@ -31,8 +31,8 @@
                      </div>
                 </div>
 
-                <a class="btn rounded-btn" style="background: transparent;color: white;cursor: pointer;width: 159px;margin-right: 3px;" (click)=login()> {{ "login.login" | translate }} </a>
-                <a class="btn rounded-btn" style="background: transparent;color: white;cursor: pointer;width: 159px;margin-left: 3px;" (click)=invitado()> {{ "login.guest" | translate }} </a>
+                <a class="btn rounded-btn" style="background: transparent;color: white;cursor: pointer;width: 159px;margin-right: 3px;" (click)=login()> {{ "i18n.action.login" | translate | titleCase }} </a>
+                <a class="btn rounded-btn" style="background: transparent;color: white;cursor: pointer;width: 159px;margin-left: 3px;" (click)=invitado()> {{ "i18n.object.guest" | translate | titleCase }} </a>
                 &nbsp;
                 <div class="loading" *ngIf="loading">
                     <div class="loading-bar"></div>
diff --git a/Frontend Angular 4/src/app/login/login.module.ts b/Frontend Angular 4/src/app/login/login.module.ts
index 89a26f2a54cf28eea7e7376e581054061a6c720b..48e2edf2ac6a03efeb7b7c50751c45bc5f84e8ad 100755
--- a/Frontend Angular 4/src/app/login/login.module.ts	
+++ b/Frontend Angular 4/src/app/login/login.module.ts	
@@ -8,7 +8,7 @@ import { LoginComponent } from './login.component';
 import { FormsModule } from '@angular/forms';
 import { AuthenticationService } from '../shared/services/authentication.service';
 import { I18nModule } from '../shared/modules/translate/i18n.module';
-
+import { TitleCaseModule } from '../shared/modules/titlecase.module';
 
 @NgModule({
   imports: [
@@ -16,6 +16,7 @@ import { I18nModule } from '../shared/modules/translate/i18n.module';
     CommonModule,
     LoginRoutingModule,
     I18nModule,
+    TitleCaseModule,
     NgbModule.forRoot(),
   ],
   declarations: [LoginComponent],