From ac2c5c93b9b7fb76dac60c85d30d5bf24d6a4713 Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <webofnithin@gmail.com>
Date: Fri, 21 May 2021 19:49:57 +0530
Subject: [PATCH] chore: Update webhook delete button styles(#2322)

* Chore: Fixes style issue of webhook button

* Review fixes
---
 .../dashboard/settings/integrations/Webhook.vue  | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhook.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhook.vue
index 87cee8e80..b64f5140e 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhook.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhook.vue
@@ -43,14 +43,14 @@
               </td>
               <td class="button-wrapper">
                 <div @click="openDeletePopup(webHookItem, index)">
-                  <woot-submit-button
-                    :button-text="
-                      $t('INTEGRATION_SETTINGS.WEBHOOK.DELETE.BUTTON_TEXT')
-                    "
-                    :loading="loading[webHookItem.id]"
-                    icon-class="ion-close-circled"
-                    button-class="link hollow grey-btn"
-                  />
+                  <woot-button
+                    :is-loading="loading[webHookItem.id]"
+                    icon="ion-close-circled"
+                    variant="link"
+                    color-scheme="secondary"
+                  >
+                    {{ $t('INTEGRATION_SETTINGS.WEBHOOK.DELETE.BUTTON_TEXT') }}
+                  </woot-button>
                 </div>
               </td>
             </tr>