diff --git a/ui/src/views/infra/Metrics.vue b/ui/src/views/infra/Metrics.vue
index a970dbb8b01..9f222c6ec0a 100644
--- a/ui/src/views/infra/Metrics.vue
+++ b/ui/src/views/infra/Metrics.vue
@@ -27,9 +27,10 @@
               :loading="loading"
               shape="round"
               size="small"
-              icon="reload"
-              @click="fetchDetails()"
-            >{{ $t('label.refresh') }}</a-button>
+              @click="fetchDetails()">
+              <template #icon><ReloadOutlined /></template>
+              {{ $t('label.refresh') }}
+            </a-button>
           </a-tooltip>
         </template>
       </breadcrumb>