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>