diff --git a/app/assets/javascripts/projects/index.js b/app/assets/javascripts/projects/index.js
index c3962e0e1..756570ac9 100644
--- a/app/assets/javascripts/projects/index.js
+++ b/app/assets/javascripts/projects/index.js
@@ -11,7 +11,7 @@
    I18n setupSidebarTree */
 
 //= require comments
-(function() {
+(function(global) {
   var newProjectModal = null;
   var newProjectModalForm = null;
   var newProjectModalBody = null;
@@ -203,7 +203,7 @@
   }
 
   // Initialize users editing modal remote loading.
-  function initUsersEditLink($el) {
+  global.initUsersEditLink = function($el) {
     $el.find('.manage-users-link')
       .on('ajax:before', function() {
         var projectId = $(this).closest('.panel-default').attr('id');
@@ -771,4 +771,4 @@
   initProjectsViewModeSwitch();
   initSorting();
   loadCardsView();
-}());
+}(window));
diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss
index d9e5a715c..7d98b7ad3 100644
--- a/app/assets/stylesheets/themes/scinote.scss
+++ b/app/assets/stylesheets/themes/scinote.scss
@@ -783,7 +783,9 @@ ul.double-line > li {
     }
 
     .manage-users-link {
+      display: block;
       padding-left: 15px;
+      margin-bottom: 10px;
     }
   }
 
diff --git a/app/views/user_projects/_index.html.erb b/app/views/user_projects/_index.html.erb
index f9dd4b7c3..d06094c74 100644
--- a/app/views/user_projects/_index.html.erb
+++ b/app/views/user_projects/_index.html.erb
@@ -1,6 +1,6 @@
 <h5 class="text-center"><%= t("projects.index.users_tab") %></h5>
 <hr>
-<ul class="no-style content-users">
+<ul class="no-style content-users" data-hook="project-users-tab-list">
   <% if @users.size == 0 then %>
     <li><em><%= t 'projects.index.no_users' %></em></li>
   <% else %>