diff --git a/app/views/services/index.html.haml b/app/views/services/index.html.haml
index ea762073..1ab92c75 100644
--- a/app/views/services/index.html.haml
+++ b/app/views/services/index.html.haml
@@ -6,9 +6,9 @@
       .panel-body
         - if @services.count > 0
           Sharing is enabled for the following services:
-          %ul
+          %ul.list-group
           - @services.each do |service|
-            %li
+            %li.list-group-item
               %strong= service.provider.capitalize
               (#{service.nickname})
               = link_to 'Disconnect', service_path(service), data: { confirm: "Really disconnect service #{service.provider.capitalize}?" }, method: :delete
@@ -17,4 +17,14 @@
 
         - APP_CONFIG['sharing'].each do |service, service_options|
           - if service_options['enabled'] and !@services.any? { |x| x.provider == service.to_s }
-            %p=link_to "Connect to #{service.capitalize}", "/auth/#{service}"
\ No newline at end of file
+            %p=link_to "Connect to #{service.capitalize}", "/auth/#{service}"
+
+    / Show the list-group here, because it perfectly aligns outside a panel-body
+    - if @services.count > 0
+      %ul.list-group
+        - @services.each do |service|
+          %li.list-group-item
+            %i.fa.fa-#{service.provider}
+            %strong= service.provider.capitalize
+            (#{service.nickname})
+            = link_to 'Disconnect', service_path(service), data: { confirm: "Really disconnect service #{service.provider.capitalize}?" }, method: :delete
\ No newline at end of file