diff --git a/src/app/pages/preferences/preferences.page.html b/src/app/pages/preferences/preferences.page.html
index 4ed4be7..1a1c3bc 100644
--- a/src/app/pages/preferences/preferences.page.html
+++ b/src/app/pages/preferences/preferences.page.html
@@ -17,13 +17,14 @@
           Tell us your best use scenario to help optimize your ease of use.
         </ion-card-content>
       </ion-card>
-      <div style="background-color: lightcyan; border-radius: 10px; padding: 10px;">
+      <div style="background-color: white; border-radius: 10px; padding: 20px;">
         <ion-list>
           <ion-item *ngFor="let item of prefData">
-            <ion-checkbox   labelPlacement="end"><span class="chk-item">{{item.description}}</span> </ion-checkbox>
+            <ion-checkbox class="chk-item"  labelPlacement="end"> </ion-checkbox><span class="chk-item" style="color: #0b5e86;">{{item.description}}</span>
           </ion-item>
         </ion-list>
       </div>
+
     </div>
   </div>
 </ion-content>
diff --git a/src/app/pages/preferences/preferences.page.scss b/src/app/pages/preferences/preferences.page.scss
index 61eb76f..90f9fed 100644
--- a/src/app/pages/preferences/preferences.page.scss
+++ b/src/app/pages/preferences/preferences.page.scss
@@ -3,7 +3,8 @@ ion-content {
   color: black;
   .chk-item{
     color: #4c8dff;
-    font-size: 18px;
+    font-size: 22px;
+    font-weight: bolder;
   }
 }