diff --git a/src/pages/customer/home.vue b/src/pages/customer/home.vue
index 295c9cb..1991fad 100755
--- a/src/pages/customer/home.vue
+++ b/src/pages/customer/home.vue
@@ -72,7 +72,7 @@
                     Create Delivery
                 </router-link>
                 <router-link :to="{ name: 'CalenderCustomer', params: { id: person['id'] } }"
-                    class="btn-sm btn bg-orange-600 text-white">
+                    class="btn-sm btn bg-indigo-600 text-white">
                     Create Service Call
                 </router-link>
                 <router-link :to="{ name: 'customerEdit', params: { id: person['id'] } }" class="btn-sm btn btn-secondary">
diff --git a/src/pages/customer/profile/home.vue b/src/pages/customer/profile/home.vue
index e6eec48..13aa748 100755
--- a/src/pages/customer/profile/home.vue
+++ b/src/pages/customer/profile/home.vue
@@ -49,7 +49,7 @@
 
 
                   <router-link :to="{ name: 'CalenderCustomer', params: { id: customer.id } }"
-                    class="btn-sm btn bg-orange-600 text-white">
+                    class="btn-sm btn bg-indigo-600 text-white">
                     Create Service Call
                   </router-link>
 
diff --git a/src/pages/service/ServiceCalendar.vue b/src/pages/service/ServiceCalendar.vue
index b0970b7..3514362 100644
--- a/src/pages/service/ServiceCalendar.vue
+++ b/src/pages/service/ServiceCalendar.vue
@@ -52,7 +52,7 @@ import authHeader from '../../services/auth.header';
 interface ServiceCall {
   id: number;
   scheduled_date: string;
-  customer_id: string;
+  customer_id: number;
   customer_name: string;
   customer_address: string;
   customer_town: string;
diff --git a/src/pages/service/calender/CalendarCustomer.vue b/src/pages/service/calender/CalendarCustomer.vue
index 6d52d81..7e35974 100644
--- a/src/pages/service/calender/CalendarCustomer.vue
+++ b/src/pages/service/calender/CalendarCustomer.vue
@@ -48,7 +48,7 @@ import ServiceEditModal from '../../service/ServiceEditModal.vue';
 import axios from 'axios';
 import authHeader from '../../../services/auth.header';
 
-interface ServiceCall { id: number; scheduled_date: string; customer_id: string; customer_name: string; customer_address: string; customer_town: string; type_service_call: number; description: string; }
+interface ServiceCall { id: number; scheduled_date: string; customer_id: number; customer_name: string; customer_address: string; customer_town: string; type_service_call: number; description: string; }
 interface Customer { id: number; customer_last_name: string; customer_first_name: string; customer_town: string; customer_state: number; customer_zip: string; customer_phone_number: string; customer_address: string; customer_home_type: number; customer_apt: string; }
 
 export default defineComponent({