From 7350067d4374efd30732d247908157a00a7b2d0d Mon Sep 17 00:00:00 2001
From: Pearl Dsilva <pearl1594@gmail.com>
Date: Mon, 21 Mar 2022 07:48:48 +0530
Subject: [PATCH] ui: Fix icon on Load Balancing view tab (#6137)

---
 ui/src/views/network/LoadBalancing.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/network/LoadBalancing.vue b/ui/src/views/network/LoadBalancing.vue
index 9cd3105450c..6be4f4621dc 100644
--- a/ui/src/views/network/LoadBalancing.vue
+++ b/ui/src/views/network/LoadBalancing.vue
@@ -105,8 +105,9 @@
         </a-button>
       </template>
       <template #add="{record}">
-        <a-button type="primary" icon="plus-outlined" @click="() => { selectedRule = record; handleOpenAddVMModal() }">
-          {{ $t('label.add') }}
+        <a-button type="primary" @click="() => { selectedRule = record; handleOpenAddVMModal() }">
+          <template #icon><plus-outlined /></template>
+            {{ $t('label.add') }}
         </a-button>
       </template>
       <template #expandedRowRender="{ record }">