From db37bfea066a7fc3560828497b5b922d858c3c6f Mon Sep 17 00:00:00 2001
From: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>
Date: Tue, 22 Nov 2022 23:53:15 +0530
Subject: [PATCH] fix: Add word-break to canned response list table content

---
 .../dashboard/routes/dashboard/settings/canned/Index.vue    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
index bd569769a..16900bbe9 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
@@ -46,7 +46,7 @@
                 {{ cannedItem.short_code }}
               </td>
               <!-- Content -->
-              <td>{{ cannedItem.content }}</td>
+              <td class="wrap-break-words">{{ cannedItem.content }}</td>
               <!-- Action Buttons -->
               <td class="button-wrapper">
                 <woot-button
@@ -209,4 +209,8 @@ export default {
 .short-code {
   width: 14rem;
 }
+.wrap-break-words {
+  word-break: break-all;
+  white-space: normal;
+}
 </style>