diff --git a/app/views/shopping_shared/tabs/_groups.html.haml b/app/views/shopping_shared/tabs/_groups.html.haml
index 9846fd5e3a..59026e1718 100644
--- a/app/views/shopping_shared/tabs/_groups.html.haml
+++ b/app/views/shopping_shared/tabs/_groups.html.haml
@@ -1,12 +1,12 @@
 %script{ type: "text/ng-template", id: "shop/groups.html" }
   .content
     .row
-      .small-12.large-4.columns
+      .small-12.columns
         - if current_distributor.groups.length > 0
           %h5
             =current_distributor.name
             = t :shopping_groups_part_of
-          %ul.bullet-list
+          %ul.bullet-list.small-block-grid-1.medium-block-grid-2.large-block-grid-3
             - for group in current_distributor.groups
               %li
                 %a{href: main_app.groups_path + "/#{group.permalink}"}
diff --git a/app/views/shopping_shared/tabs/_producers.html.haml b/app/views/shopping_shared/tabs/_producers.html.haml
index e80b681eb9..1a982851d1 100644
--- a/app/views/shopping_shared/tabs/_producers.html.haml
+++ b/app/views/shopping_shared/tabs/_producers.html.haml
@@ -4,7 +4,7 @@
       .small-12.columns
         %h5
           = t :shopping_producers_of_hub, hub: '{{ shopfront.name }}'
-        %ul.small-block-grid-2.large-block-grid-4
+        %ul.small-block-grid-1.medium-block-grid-2.large-block-grid-3
           %li{"ng-repeat" => "enterprise in shopfront.producers"}
             %enterprise-modal
               %i.ofn-i_036-producers