diff --git a/gnome-shell/_common.scss b/gnome-shell/_common.scss
index adf07e0..7997c79 100644
--- a/gnome-shell/_common.scss
+++ b/gnome-shell/_common.scss
@@ -1000,14 +1000,20 @@ StScrollBar {
       &:active { background-color: transparentize($bg_color,0.95); }
     }
 
-      .calendar-change-month-back { //arrow back
-        background-image: url("assets/calendar-arrow-left.svg");
-        &:rtl { background-image: url("assets/calendar-arrow-right.svg"); }
-      }
-      .calendar-change-month-forward { //arrow foreward
-        background-image: url("assets/calendar-arrow-right.svg");
-        &:rtl { background-image: url("assets/calendar-arrow-left.svg"); }
-      }
+    .calendar-change-month-back { //arrow back
+      background-image: url("assets/calendar-arrow-left.svg");
+      &:rtl { background-image: url("assets/calendar-arrow-right.svg"); }
+    }
+    .calendar-change-month-forward { //arrow foreward
+      background-image: url("assets/calendar-arrow-right.svg");
+      &:rtl { background-image: url("assets/calendar-arrow-left.svg"); }
+    }
+
+    .calendar-change-month-back StIcon,
+    .calendar-change-month-forward StIcon {
+      color: darken($fg_color, 5%);
+    }
+
 
     .calendar-day-base {
       font-size: 80%;
diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
index 5034c96..a400155 100644
--- a/gnome-shell/gnome-shell.css
+++ b/gnome-shell/gnome-shell.css
@@ -920,6 +920,10 @@ StScrollBar {
   .calendar-change-month-forward:rtl {
     background-image: url("assets/calendar-arrow-left.svg"); }
 
+.calendar-change-month-back StIcon,
+.calendar-change-month-forward StIcon {
+  color: #899fa7; }
+
 .calendar-day-base {
   font-size: 80%;
   text-align: center;