diff --git a/src/app/pages/familylogin/familylogin.page.html b/src/app/pages/familylogin/familylogin.page.html
index c66a7ac..dfac6a5 100644
--- a/src/app/pages/familylogin/familylogin.page.html
+++ b/src/app/pages/familylogin/familylogin.page.html
@@ -25,12 +25,12 @@
 
       <ion-item lines="none">
         <ion-icon slot="start" name="mail-outline"></ion-icon>
-        <ion-input type="email" placeholder="Username"  [(ngModel)]='username'></ion-input>
+        <ion-input type="email" placeholder="Username"  maxlength="8" [(ngModel)]='username'></ion-input>
       </ion-item>
 
       <ion-item lines="none">
         <ion-icon slot="start" name="lock-closed-outline"></ion-icon>
-        <ion-input type="password" placeholder="PIN"  [(ngModel)]='pin'></ion-input>
+        <ion-input type="password" placeholder="PIN" maxlength="4" [(ngModel)]='pin'></ion-input>
       </ion-item>
 
       <div class="check">
diff --git a/src/app/pages/familylogin/familylogin.page.ts b/src/app/pages/familylogin/familylogin.page.ts
index 77369ce..7de2e95 100644
--- a/src/app/pages/familylogin/familylogin.page.ts
+++ b/src/app/pages/familylogin/familylogin.page.ts
@@ -36,8 +36,8 @@ export class FamilyloginPage implements OnInit {
     username: string, pin: string, sessionid: string, action: '11025',login_mode: '1105'
   };
   startLogin() {
-    this.username='Y7P0WW9B05';
-    this.pin='1234';
+    // this.username='Y7P0WW9B05';
+    // this.pin='1234';
     if (this.username == null || this.username == '' || this.pin == null || this.pin == '') {
       this.showAlert('Invalid Login', 'Enter username(email) and pin to login');
       return;
diff --git a/src/app/pages/login/login.page.html b/src/app/pages/login/login.page.html
index 06c26bc..3e1c4a2 100644
--- a/src/app/pages/login/login.page.html
+++ b/src/app/pages/login/login.page.html
@@ -9,7 +9,7 @@
           <ion-col>
 <!--            <ion-button expand="block" fill="outline" >Login</ion-button>-->
           </ion-col>
-          <ion-col>
+          <ion-col class="family_box">
             <ion-button expand="block" class="login-type"  (click)="familyLogin()">
                 <ion-icon name="people-circle-outline"></ion-icon>
               Go to Family Account</ion-button>
diff --git a/src/app/pages/login/login.page.scss b/src/app/pages/login/login.page.scss
index f8943d9..a27cf80 100644
--- a/src/app/pages/login/login.page.scss
+++ b/src/app/pages/login/login.page.scss
@@ -1,4 +1,7 @@
 ion-content {
+  .family_box{
+    margin-bottom: 50px;
+  }
   .simp_lbl {
     margin-top: 20px;
     font-size: 30px;
@@ -10,6 +13,7 @@ ion-content {
     background-color: #3dc2ff;
     border-radius: 10px;
     height: 50px;
+    font-weight: bolder;
   }
 
   ion-item {