diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App.vue
index 0a7d83db6..56d914b95 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App.vue
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App.vue
@@ -169,9 +169,10 @@ export default {
           })
         );
         let calendarRangeEvents = {
-              events: events,
-              color: '#79bafc',
-              textColor: '#444444'
+          events: events,
+          borderColor: "#3788d8",
+          backgroundColor: '#ffffff',
+          textColor: '#444444',
         };
         this.calendarEvents.userCalendarRange = calendarRangeEvents;
 
@@ -220,7 +221,9 @@ export default {
       });
       this.calendarEvents.new = {
         events: events,
-        color: "#3788d8"
+        borderColor: "#3788d8",
+        backgroundColor: '#fffadf ',
+        textColor: '#444444',
       };
       this.disableCopyDayButton = false;
       this.lastNewDate = new Date(payload.startStr);
@@ -230,7 +233,9 @@ export default {
     onEventChange(payload) {
     },
     onEventDropOrResize(payload) {
-      payload.event.setProp('color', '#3788d8');
+      payload.event.setProp('borderColor', '#3788d8');
+      payload.event.setProp('backgroundColor', '#fffadf');
+      payload.event.setProp('textColor', '#444444');
       this.$store.dispatch('updateRange', payload);
     },
     onClickSave(payload) {
@@ -278,11 +283,11 @@ export default {
       if (payload.extendedProps.hasOwnProperty("calendarRangeId")) {
         if (payload.extendedProps.toDelete === 1) {
           payload.setExtendedProp('toDelete', 0)
-          payload.setProp('color', '#79bafc');
+          payload.setProp('borderColor', '#79bafc');
           this.$store.dispatch('removeFromDeleteRange', payload);
         } else {
           payload.setExtendedProp('toDelete', 1)
-          payload.setProp('color', '#dddddd');
+          payload.setProp('borderColor', '#dddddd');
           this.$store.dispatch('deleteRange', payload);
         }
       } else {