diff --git a/src/app/pages/familylogin/familylogin.page.html b/src/app/pages/familylogin/familylogin.page.html
index 33aef62..865993d 100644
--- a/src/app/pages/familylogin/familylogin.page.html
+++ b/src/app/pages/familylogin/familylogin.page.html
@@ -17,7 +17,7 @@
       <ion-col>
       </ion-col>
       <ion-col>
-        <ion-button fill="outline" size="large" (click)="moveToStartScan()">
+        <ion-button fill="outline" size="large" class="scan_login_button"  (click)="moveToStartScan()">
           <ion-icon slot="start" name="scan"></ion-icon>
           Scan Login</ion-button>
       </ion-col>
diff --git a/src/app/pages/login/login.page.html b/src/app/pages/login/login.page.html
index 30d48e7..2cafaf7 100644
--- a/src/app/pages/login/login.page.html
+++ b/src/app/pages/login/login.page.html
@@ -12,7 +12,7 @@
             <ion-grid>
                 <ion-row>
                     <ion-col size="6">
-                        <ion-button fill="outline" size="large" (click)="moveToStartScan()">
+                        <ion-button fill="outline" size="large" class="scan_login_button" (click)="moveToStartScan()">
                             <ion-icon slot="start" name="scan"></ion-icon>
                             Scan Login</ion-button>
                     </ion-col>
diff --git a/src/global.scss b/src/global.scss
index dc3495e..a8d9b5d 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -229,4 +229,8 @@ body.scanner-active {
 }
 ion-content{
   margin-top: 0px !important;
+}
+.scan_login_button{
+  font-size: 16px;
+  font-weight: bolder;
 }
\ No newline at end of file