diff --git a/src/app/pages/preferences/preferences.page.html b/src/app/pages/preferences/preferences.page.html
index 7d95851..accd58a 100644
--- a/src/app/pages/preferences/preferences.page.html
+++ b/src/app/pages/preferences/preferences.page.html
@@ -1,8 +1,13 @@
-<!--<ion-header>-->
-<!--  <ion-toolbar>-->
-<!--    <ion-title>preferences</ion-title>-->
-<!--  </ion-toolbar>-->
-<!--</ion-header>-->
+<ion-header mode="ios" class="ion-no-border">
+  <ion-toolbar>
+<!--    <ion-buttons slot="start" (click)="onBack()">-->
+<!--      <ion-button>-->
+<!--        <ion-icon name="arrow-back-outline"></ion-icon>-->
+<!--      </ion-button>-->
+<!--    </ion-buttons>-->
+    <ion-title>Use Preference</ion-title>
+  </ion-toolbar>
+</ion-header>
 
 <ion-content>
   <div class="ion-padding">
@@ -31,7 +36,7 @@
         <ion-radio-group name="user_pref" [(ngModel)]='user_pref' value="{{user_pref_value}}" (ionChange)="getPrefValue()">
           <ion-item *ngFor="let item of prefData" style="padding: 2px 10px 10px 2px; font-size: 24px;">
             <ion-label class="ion-text-wrap" style="font-size: 22px;">{{item.description}}</ion-label>
-            <ion-radio slot="end" value="{{item.pref}}"></ion-radio>
+            <ion-radio style="font-size: 24px;" slot="end" value="{{item.pref}}"></ion-radio>
           </ion-item>
         </ion-radio-group>
       </ion-list>
diff --git a/src/app/pages/preferences/preferences.page.ts b/src/app/pages/preferences/preferences.page.ts
index 20f0d90..4f9fb66 100644
--- a/src/app/pages/preferences/preferences.page.ts
+++ b/src/app/pages/preferences/preferences.page.ts
@@ -59,8 +59,15 @@ export class PreferencesPage implements OnInit {
 
     @ViewChild('user_pref') user_pref;
     getPrefValue(){
-
         console.log(this.user_pref);
-
+//setUserPreferences
+        this.wrenchService.setUserPreferences(this.reqData).subscribe(
+            prefTotalData => {
+                this.prefTotalData = prefTotalData;
+                console.log("prefTotalData RETURN->", this.prefTotalData);
+                this.prefData =  this.prefTotalData.result_list;
+                // debugger; result_list
+            }
+        );
     }
 }
diff --git a/src/app/services/wrench.service.ts b/src/app/services/wrench.service.ts
index dccbc6d..5911425 100644
--- a/src/app/services/wrench.service.ts
+++ b/src/app/services/wrench.service.ts
@@ -231,6 +231,10 @@ export class WrenchService {
     usePreferences(reqData){
         return this.getPostData("preferences", reqData);
     }
+
+    setUserPreferences(reqData){
+        return this.getPostData("setpreferences", reqData);
+    }
     jobGroupMemberAdd(reqData){
         return this.getPostData("groupmemberadd", reqData);
     }