diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index a2f0d2c74ec..3ae2ed4a7e9 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -10012,13 +10012,17 @@ div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBal
 }
 
 .project-dashboard-view .users .system-dashboard li .header {
-  width: 77px;
-  /*+placement:shift 7px 110px;*/
-  position: relative;
-  left: 7px;
-  top: 110px;
-  position: absolute;
-  text-align: center;
+    width: 77px;
+    max-width: 77px;
+    /*+placement:shift 7px 110px;*/
+    position: relative;
+    left: 7px;
+    top: 110px;
+    position: absolute;
+    text-align: center;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
 /**** Info box*/
diff --git a/ui/scripts/ui-custom/projects.js b/ui/scripts/ui-custom/projects.js
index d897ac95b69..372c6e5edf1 100644
--- a/ui/scripts/ui-custom/projects.js
+++ b/ui/scripts/ui-custom/projects.js
@@ -106,7 +106,8 @@
                                             $.each(item, function(arrayKey, arrayValue) {
                                                 var $arrayElem = $li.find('[data-list-item=' + arrayKey + ']');
 
-                                                $arrayElem.html(_s(arrayValue));
+                                                $arrayElem.text(_s(arrayValue));
+                                                $arrayElem.attr('title', _s(arrayValue));
                                             });
 
                                             $li.attr({