diff --git a/src/css/app.scss b/src/css/app.scss
index 25b484649..9037802ad 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -119,6 +119,11 @@ select:-webkit-autofill {
     font-variation-settings: 'FILL' 1;
 }
 
+.fill-icon-on-hover:hover {
+    font-variation-settings: 'FILL' 1;
+    cursor: pointer;
+}
+
 .vn-table-separation-row {
     height: 16px !important;
     background-color: var(--vn-section-color) !important;
diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 1db1f67fc..18d86da6f 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -331,7 +331,7 @@ onBeforeMount(() => {
                         name="thumb_down"
                         color="primary"
                         size="sm"
-                        class="cursor-pointer"
+                        class="fill-icon-on-hover"
                         @click="showDenyRequestForm(row.id, rowIndex)"
                     >
                         <QTooltip>