diff --git a/src/components/Issues/Issues.vue b/src/components/Issues/Issues.vue
index bb4fd4cc..fe7fb714 100644
--- a/src/components/Issues/Issues.vue
+++ b/src/components/Issues/Issues.vue
@@ -16,7 +16,7 @@
             <div class="card-body">
               <div class="row">
                 <div class="col">
-                  <h4 class="float-left">{{issue.name}}</h4>
+                  <p>{{ issue.name | truncate '10' }}</p>
                 </div>
               </div>
               <div class="row">
@@ -70,6 +70,13 @@ export default {
     }),
   },
 
+  filters: {
+
+  truncate: function(string, value) {
+    return string.substring(0, value) + '...';
+  }
+  },
+
   methods: {
     selectIssue(issue) {
       this.selectedIssue = issue;