diff --git a/app/assets/stylesheets/views/users.scss b/app/assets/stylesheets/views/users.scss
index 4854de20f..efbf79c31 100644
--- a/app/assets/stylesheets/views/users.scss
+++ b/app/assets/stylesheets/views/users.scss
@@ -11,6 +11,19 @@ $item-top-padding: $gutter-half;
     border-top: 1px solid $border-colour;
     position: relative;
 
+    h3 {
+
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: $secondary-text-colour;  // So the ellipsis is grey
+
+      .heading-small {
+        color: $black;
+      }
+
+    }
+
     &:last-child {
       border-bottom: 1px solid $border-colour;
     }
diff --git a/app/templates/views/manage-users.html b/app/templates/views/manage-users.html
index 577abcc64..5de9f9e95 100644
--- a/app/templates/views/manage-users.html
+++ b/app/templates/views/manage-users.html
@@ -33,7 +33,7 @@
   <div class="user-list">
     {% for user in users %}
       <div class="user-list-item">
-        <h3>
+        <h3 title="{{ user.email_address }}">
           {%- if user.name -%}
             <span class="heading-small">{{ user.name }}</span>&ensp;
           {%- endif -%}