diff --git a/src/app/modules/profile/page/profile-page-section.html b/src/app/modules/profile/page/profile-page-section.html
index 6ed24bf7..712aa0fc 100644
--- a/src/app/modules/profile/page/profile-page-section.html
+++ b/src/app/modules/profile/page/profile-page-section.html
@@ -17,11 +17,18 @@
   <!-- TODO: move this to thing translate -->
   {{ 'name' | translateSimple: item }}
 </ion-label>
-<ion-button *ngIf="item.authProvider" fill="clear" (click)="toggleLogIn()" style="grid-area: login">
-  <ion-icon *ngIf="isLoggedIn; else loginIcon" slot="icon-only" color="dark" name="logout"></ion-icon>
+<ion-button
+  *ngIf="item.authProvider"
+  fill="clear"
+  color="dark"
+  (click)="toggleLogIn()"
+  style="grid-area: login"
+>
+  <ion-icon *ngIf="isLoggedIn; else loginIcon" slot="end" name="logout"></ion-icon>
   <ng-template #loginIcon>
-    <ion-icon slot="icon-only" color="dark" name="login"></ion-icon>
+    <ion-icon slot="end" name="login"></ion-icon>
   </ng-template>
+  <ion-label>{{ 'profile.buttons.default.log_' + (isLoggedIn ? 'out' : 'in') | translate }}</ion-label>
 </ion-button>
 <ion-button
   [disabled]="isBeginning"
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 703a1167..def7fa4f 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -462,8 +462,8 @@
     "role_guest": "guest user",
     "buttons": {
       "default": {
-        "log_in": "Log In",
-        "log_out": "Log Out"
+        "log_in": "Login",
+        "log_out": "Logout"
       },
       "paia": {
         "log_in": "Library Login",