diff --git a/ui/src/admin/components/chronograf/UsersTable.js b/ui/src/admin/components/chronograf/UsersTable.js
index ea164f9b5..8d7f9b12d 100644
--- a/ui/src/admin/components/chronograf/UsersTable.js
+++ b/ui/src/admin/components/chronograf/UsersTable.js
@@ -79,29 +79,44 @@ class ChronografUsersTable extends Component {
- {filteredUsers.map(
- (user, i) =>
- organizationName === DEFAULT_ORG
- ?
- :
- )}
+ {filteredUsers.length
+ ? filteredUsers.map(
+ (user, i) =>
+ organizationName === DEFAULT_ORG
+ ?
+ :
+ )
+ :
+
+ No Users to display
+
+ }
+ >
+
+ No Users to display
+ |
+
+
}
)
diff --git a/ui/src/style/components/tables.scss b/ui/src/style/components/tables.scss
index 9425cce4f..8f6e91161 100644
--- a/ui/src/style/components/tables.scss
+++ b/ui/src/style/components/tables.scss
@@ -97,10 +97,14 @@ table.table thead th.sortable-header,
Empty State for Tables
----------------------------------------------
*/
-.table-empty-state {
+tr.table-empty-state,
+.table-highlight tr.table-empty-state:hover {
+ background-color: transparent;
+
> th {
text-align: center;
-
+ @include no-user-select();
+
> p {
font-weight: 400;
font-size: 18px;