diff --git a/src/app/pages/invite/invite.page.html b/src/app/pages/invite/invite.page.html
index 05e637a..376a725 100644
--- a/src/app/pages/invite/invite.page.html
+++ b/src/app/pages/invite/invite.page.html
@@ -43,28 +43,38 @@
     <div *ngIf="tabMode == 100 " class="lesson">
       <div class="ion-padding" slot="content" style="background-color: white; padding: 5px">
         <div style="margin-top: 10px; background-color: #fcf7ee; border-radius: 10px; padding: 5px">
-          <ion-grid style="margin: 0px; padding: 0px; background-color: #fcf7ee; border-radius: 10px;">
-              <ion-row  style="margin: 0px;  padding: 10px 0px;">
+          <ion-grid style="margin: 0px; padding: 5px; background-color: #0b5e86; border-radius: 10px;">
+              <ion-row  style="margin: 0px;  padding: 10px 0px; font-size: 12px">
                 <ion-col  style="margin: 0px;  padding: 0px  5px 0px 0px;"><ion-input style="background-color: white; border-radius: 5px;" type="text" placeholder="Firstname" maxlength="15" [(ngModel)]='ref_firstname'></ion-input></ion-col>
                 <ion-col  style="margin: 0px;  padding: 0px;"><ion-input style="background-color: white;  border-radius: 5px;"  type="text" placeholder="Lastname" maxlength="15" [(ngModel)]='lastname'></ion-input></ion-col>
               </ion-row>
 
-              <ion-row  style="margin: 0px;  padding: 10px  0px; ">
+              <ion-row  style="margin: 0px;  padding: 10px  0px; font-size: 12px">
                 <ion-col  style="margin: 0px;  padding: 0px;">
                   <ion-input style="background-color: white;  border-radius: 5px; "  type="email" placeholder="Email"  maxlength="55"  [(ngModel)]='email'></ion-input>
                 </ion-col>
               </ion-row>
+            <ion-row  style="margin: 0px;  padding: 10px  0px; font-size: 12px">
+              <ion-col  style="margin: 0px;  padding: 0px;">
+
+              </ion-col>
+              <ion-col  style="margin: 0px;  padding: 0px;">
+                <ion-button
+                        style="font-weight: bolder;"
+                        shape="round"
+                        expand="block"
+                        size="small"
+                        color="primary"
+                        (click)="sendRefer()">
+                  Send Invite
+                </ion-button>
+              </ion-col>
+            </ion-row>
           </ion-grid>
         </div>
 
         <div  style="padding: 10px  10px 0px 10px;">
-          <ion-button
-                  shape="round"
-                  expand="block"
-                  size="small"
-                  (click)="sendRefer()">
-            Send Invite
-          </ion-button>
+
         </div>
 
       </div>