diff --git a/app/assets/stylesheets/base.css.scss b/app/assets/stylesheets/base.css.scss
index 4e694b0b..e5de507e 100644
--- a/app/assets/stylesheets/base.css.scss
+++ b/app/assets/stylesheets/base.css.scss
@@ -13,6 +13,7 @@ body {
 @import "scss/panel";
 @import "scss/user";
 @import "scss/notifications";
+@import "scss/groups";
 
 .j2-page {
   padding-top: 30px;
diff --git a/app/assets/stylesheets/scss/groups.scss b/app/assets/stylesheets/scss/groups.scss
new file mode 100644
index 00000000..1e570b8e
--- /dev/null
+++ b/app/assets/stylesheets/scss/groups.scss
@@ -0,0 +1,9 @@
+.groups--list .list-group-item-heading {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  line-height: 1.3;
+}
+
+.groups--list .list-group-item {
+  padding: 5px 7px;
+}
\ No newline at end of file
diff --git a/app/views/user/_modal_group_memberships.html.haml b/app/views/user/_modal_group_memberships.html.haml
index d9d17474..3b74018e 100644
--- a/app/views/user/_modal_group_memberships.html.haml
+++ b/app/views/user/_modal_group_memberships.html.haml
@@ -6,7 +6,7 @@
           %span{"aria-hidden" => "true"} ×
           %span.sr-only Close
         %h4#modal-group-memberships-label.modal-title Manage group memberships
-      %ul.list-group
+      %ul.list-group.groups--list
         - current_user.groups.each do |group|
           %li.list-group-item
             .media