diff --git a/src/public/app/widgets/buttons/calendar.js b/src/public/app/widgets/buttons/calendar.js
index 1d4f3e97a..2761ea485 100644
--- a/src/public/app/widgets/buttons/calendar.js
+++ b/src/public/app/widgets/buttons/calendar.js
@@ -33,21 +33,21 @@ const DROPDOWN_TPL = `
 
     <div class="calendar-header">
         <div class="calendar-month-selector">
-            <button class="calendar-btn bx bx-left-arrow-alt" data-calendar-toggle="previous"></button>
+            <button class="calendar-btn bx bx-chevron-left" data-calendar-toggle="previous"></button>
 
             <select data-calendar-input="month">
                 ${Object.entries(MONTHS).map(([i, month]) => `<option value=${i}>${month}</option>`)}
             </select>
 
-            <button class="calendar-btn bx bx-right-arrow-alt" data-calendar-toggle="next"></button>
+            <button class="calendar-btn bx bx-chevron-right data-calendar-toggle="next"></button>
         </div>
 
         <div class="calendar-year-selector">
-            <button class="calendar-btn bx bx-left-arrow-alt" data-calendar-toggle="previousYear"></button>
+            <button class="calendar-btn bx bx-chevron-left" data-calendar-toggle="previousYear"></button>
 
             <input type="number" min="1900" max="2999" step="1" data-calendar-input="year" />
 
-            <button class="calendar-btn bx bx-right-arrow-alt" data-calendar-toggle="nextYear"></button>
+            <button class="calendar-btn bx bx-chevron-right data-calendar-toggle="nextYear"></button>
         </div>
     </div>