diff --git a/src/app/extpages/login/login.page.html b/src/app/extpages/login/login.page.html
index 0a3ebd9..671b0e8 100644
--- a/src/app/extpages/login/login.page.html
+++ b/src/app/extpages/login/login.page.html
@@ -8,8 +8,11 @@
 
     <ion-row>
       <ion-col>
-        <div style="background-color: #f6f0f4; border-radius: 10px; padding: 15px;">
-          <ion-label class="simp_lbl_tx">Login to continue</ion-label>
+        <div style="background-color: #fdf9fc;
+        margin-left: 20px;
+        margin-right: 20px;
+        border-radius: 10px; padding: 15px;">
+          <div class="simp_lbl_tx">Login to continue</div>
           <ion-item lines="none">
             <ion-icon slot="start" name="mail-outline"></ion-icon>
             <ion-input (ionChange)="refreshBut()" type="email" placeholder="Email (Username)"  maxlength="35" [(ngModel)]='username'></ion-input>
diff --git a/src/app/extpages/login/login.page.scss b/src/app/extpages/login/login.page.scss
index 6ee5113..11d9150 100644
--- a/src/app/extpages/login/login.page.scss
+++ b/src/app/extpages/login/login.page.scss
@@ -2,8 +2,10 @@
   margin-top: 10px;
   font-size: 20px;
   letter-spacing: 1.2px;
-  margin-bottom: 10px;
-  font-family: 'semi-bold';
+  margin-bottom: 15px;
+  padding-bottom: 10px;
+  font-weight: bolder;
+ // font-family: 'semi-bold';
 }
 .login-type{
   background-color: #3dc2ff;
@@ -19,7 +21,8 @@ ion-item {
 
   ion-input {
     --padding-start: 10px;
-    font-family: "regular";
+    //font-family: "regular";
+    font-weight: bolder;
     height: 50px;
   }