diff --git a/addons/hr_holidays/static/src/dashboard/time_off_card.dark.scss b/addons/hr_holidays/static/src/dashboard/time_off_card.dark.scss
index 18f431a8982..0c7a6a9019f 100644
--- a/addons/hr_holidays/static/src/dashboard/time_off_card.dark.scss
+++ b/addons/hr_holidays/static/src/dashboard/time_off_card.dark.scss
@@ -1,6 +1,6 @@
 // = HR Holidays
 // ============================================================================
 // No CSS hacks, variables overrides only
-.o_timeoff_card {
+.o_timeoff_card, .o_time_off_icon_types {
     --timeOffCard-icon-filter: invert(1) brightness(2);
 }
diff --git a/addons/hr_holidays/static/src/dashboard/time_off_card.scss b/addons/hr_holidays/static/src/dashboard/time_off_card.scss
index ac956af2e34..814565697e7 100644
--- a/addons/hr_holidays/static/src/dashboard/time_off_card.scss
+++ b/addons/hr_holidays/static/src/dashboard/time_off_card.scss
@@ -67,3 +67,7 @@
         }
     }
 }
+
+.o_time_off_icon_types img {
+    filter: var(--timeOffCard-icon-filter);
+}
diff --git a/addons/hr_holidays/views/hr_leave_type_views.xml b/addons/hr_holidays/views/hr_leave_type_views.xml
index 28a1ef92281..5be5dac5d9e 100644
--- a/addons/hr_holidays/views/hr_leave_type_views.xml
+++ b/addons/hr_holidays/views/hr_leave_type_views.xml
@@ -83,7 +83,7 @@
                         </group>
                         <group colspan="2">
                             <field name="color" widget="color_picker" />
-                            <field class="d-flex flex-wrap" name="icon_id" widget="hr_holidays_radio_image" options="{'horizontal': true}"/>
+                            <field class="o_time_off_icon_types d-flex flex-wrap" name="icon_id" widget="hr_holidays_radio_image" options="{'horizontal': true}"/>
                         </group>
                     </group>
                 </sheet>