diff --git a/src/core/features/login/login.scss b/src/core/features/login/login.scss
index 1f4c1782a..f3f652d1c 100644
--- a/src/core/features/login/login.scss
+++ b/src/core/features/login/login.scss
@@ -36,6 +36,7 @@
 
     form .core-username.item p {
         font-size: 16px;
+        @include padding-horizontal(8px, null);
     }
 
     .core-login-site-logo img {
diff --git a/src/core/features/login/pages/credentials/credentials.html b/src/core/features/login/pages/credentials/credentials.html
index 26230ae7d..6ca872e41 100644
--- a/src/core/features/login/pages/credentials/credentials.html
+++ b/src/core/features/login/pages/credentials/credentials.html
@@ -91,7 +91,7 @@
             <ion-item class="ion-text-wrap" lines="none" *ngIf="authInstructions">
                 <ion-label><p><core-format-text [text]="authInstructions" [filter]="false"></core-format-text></p></ion-label>
             </ion-item>
-            <ion-button expand="block" class="ion-margin" color="light" (click)="openEmailSignup()">
+            <ion-button expand="block" class="ion-margin ion-text-wrap" color="light" (click)="openEmailSignup()">
                 {{ 'core.login.startsignup' | translate }}
             </ion-button>
         </ion-list>