diff --git a/modules/worker/front/calendar/index.html b/modules/worker/front/calendar/index.html
index 6636f5c62..fe61e828e 100644
--- a/modules/worker/front/calendar/index.html
+++ b/modules/worker/front/calendar/index.html
@@ -50,7 +50,7 @@
         </div>
         <div class="vn-py-md">
             <vn-chip>
-                <vn-avatar style="background-color:white;width:24px;min-width:24px;height:24px;border: 2px solid #FF4444">
+                <vn-avatar class="festive">
                 </vn-avatar>
                 <span translate>Festive</span> 
             </vn-chip>
diff --git a/modules/worker/front/calendar/style.scss b/modules/worker/front/calendar/style.scss
index 917798ddb..65f27e43e 100644
--- a/modules/worker/front/calendar/style.scss
+++ b/modules/worker/front/calendar/style.scss
@@ -41,4 +41,12 @@ vn-worker-calendar {
         border-color: rgba(0, 0, 0, 0.3);
         border-bottom: 1px solid rgba(0, 0, 0, 0.3);
     }
+
+    .festive {
+        background-color:white;
+        border: 2px solid #FF4444;
+        width: 24px;
+        min-width: 24px;
+        height: 24px
+    }
 }