diff --git a/resources/assets/themes/dark.scss b/resources/assets/themes/dark.scss
index 5c0c8c9e..cf2d624a 100644
--- a/resources/assets/themes/dark.scss
+++ b/resources/assets/themes/dark.scss
@@ -6,3 +6,10 @@ $secondary: #222;
 $table-striped-bg: rgba(#fff, 0.05);
 
 $es-choices-highlight-color: #000;
+
+$invert-color-value: 1 !default;
+
+/* Invert the clock icon color for Chrome */
+input[type='time']::-webkit-calendar-picker-indicator {
+  filter: invert($invert-color-value);
+}
diff --git a/resources/views/pages/user-shifts.html b/resources/views/pages/user-shifts.html
index f76ddefb..e1936efb 100644
--- a/resources/views/pages/user-shifts.html
+++ b/resources/views/pages/user-shifts.html
@@ -13,7 +13,7 @@
                                 pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%"
                             >
                             <button class="btn btn-secondary" title="Now" type="button">
-                                <span class="bi bi-clock"></span>
+                                <span class="bi bi-arrow-counterclockwise"></span>
                             </button>
                         </div>
                     </div>
@@ -28,7 +28,7 @@
                                 pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%"
                             >
                             <button class="btn btn-secondary" title="Now" type="button">
-                                <span class="bi bi-clock"></span>
+                                <span class="bi bi-arrow-counterclockwise"></span>
                             </button>
                         </div>
                     </div>