diff --git a/src/app/shared/components/login-page/login-page.component.html b/src/app/shared/components/login-page/login-page.component.html
index b9bc2d8..9520d7a 100644
--- a/src/app/shared/components/login-page/login-page.component.html
+++ b/src/app/shared/components/login-page/login-page.component.html
@@ -9,12 +9,12 @@
       </a>
     </ion-row>
 
-    <ion-item>
+    <ion-item class="login-input">
       <ion-label floating>Username</ion-label>
       <ion-input type="text" [(ngModel)]="model.username" required></ion-input>
     </ion-item>
 
-    <ion-item>
+    <ion-item class="login-input">
       <ion-label floating>Password</ion-label>
       <ion-input type="password" [(ngModel)]="model.password" required></ion-input>
     </ion-item>
diff --git a/src/app/shared/components/login-page/login-page.component.scss b/src/app/shared/components/login-page/login-page.component.scss
index 7828a0d..632370c 100644
--- a/src/app/shared/components/login-page/login-page.component.scss
+++ b/src/app/shared/components/login-page/login-page.component.scss
@@ -25,6 +25,11 @@
   max-width: 700px;
 }
 
+.login-input {
+  padding: 0 1em 0 1em;
+}
+
+
 @media screen and (max-height: 320px) {
   .hide-on-keyboard {
     display: none;