From 5f2bf7dfd2464ce41068d6b49ce76799c4907a11 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+sivin-git@users.noreply.github.com>
Date: Tue, 16 Feb 2021 00:10:01 +0530
Subject: [PATCH] Fix: link address overflow in webhook. (#1775)

---
 .../routes/dashboard/settings/integrations/Webhook.vue   | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhook.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhook.vue
index 6f2ce7f40..bc55316a0 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhook.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhook.vue
@@ -36,7 +36,9 @@
           </thead>
           <tbody>
             <tr v-for="(webHookItem, index) in records" :key="webHookItem.id">
-              <td>{{ webHookItem.url }}</td>
+              <td class="webhook-link">
+                {{ webHookItem.url }}
+              </td>
               <td class="button-wrapper">
                 <div @click="openDeletePopup(webHookItem, index)">
                   <woot-submit-button
@@ -144,3 +146,8 @@ export default {
   },
 };
 </script>
+<style scoped lang="scss">
+.webhook-link {
+  word-break: break-word;
+}
+</style>