diff --git a/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss b/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss
index a3131cad30..f5ec14e113 100644
--- a/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss
+++ b/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss
@@ -100,6 +100,20 @@
     }
   }
 
+  nb-calendar-day-picker .day-cell {
+    &.bounding-month {
+      color: nb-theme(calendar-cell-inactive-text-color);
+    }
+
+    &:not(.disabled):not(.empty):hover {
+      background-color: nb-theme(calendar-cell-hover-background-color);
+      color: nb-theme(calendar-cell-hover-text-color);
+      font-size: nb-theme(calendar-cell-hover-text-font-size);
+      font-weight: nb-theme(calendar-cell-hover-text-font-weight);
+      line-height: nb-theme(calendar-cell-hover-text-line-height);
+    }
+  }
+
   nb-calendar-day-picker .day-cell,
   nb-calendar-month-picker .month-cell,
   nb-calendar-year-picker .year-cell {
@@ -159,18 +173,4 @@
       line-height: nb-theme(calendar-cell-active-text-line-height);
     }
   }
-
-  nb-calendar-day-picker .day-cell {
-    &.bounding-month {
-      color: nb-theme(calendar-cell-inactive-text-color);
-    }
-
-    &:not(.disabled):not(.empty):hover {
-      background-color: nb-theme(calendar-cell-hover-background-color);
-      color: nb-theme(calendar-cell-hover-text-color);
-      font-size: nb-theme(calendar-cell-hover-text-font-size);
-      font-weight: nb-theme(calendar-cell-hover-text-font-weight);
-      line-height: nb-theme(calendar-cell-hover-text-line-height);
-    }
-  }
 }