diff --git a/src/app/login/login.page.html b/src/app/login/login.page.html
index e0de115..c59f4b8 100644
--- a/src/app/login/login.page.html
+++ b/src/app/login/login.page.html
@@ -27,6 +27,16 @@
           <ion-input type="password"></ion-input>
         </ion-item>
 
+        <ion-item style="background-color: transparent;" class="login-inputs">
+          <ion-label floating>Username</ion-label>
+          <ion-input type="email" [(ngModel)]="username" maxlenght="20"></ion-input>
+      </ion-item>
+
+      <ion-item style="background-color: transparent;" class="login-inputs">
+          <ion-label floating>Password</ion-label>
+          <ion-input type="password" [(ngModel)]="password" maxlenght="15"></ion-input>
+      </ion-item>
+      
       </ion-list>
 
       <div padding style="text-align: right;">
diff --git a/src/app/login/login.page.scss b/src/app/login/login.page.scss
index e69de29..7558ba4 100644
--- a/src/app/login/login.page.scss
+++ b/src/app/login/login.page.scss
@@ -0,0 +1,20 @@
+
+      .login-inputs {
+        border: 0;
+        margin: 0;
+        padding: 0;
+        .item-inner {
+          border-bottom: 1px solid rgba(36, 19, 66, 0.7) !important;
+          ion-label {
+            font-weight: normal;
+            font-size: 14px;
+            line-height: 19px;
+            letter-spacing: 0.21875px;
+            color: #241342;
+            opacity: 0.8;
+          }
+          input {
+            color: #241342;
+          }
+        }
+    }