diff --git a/app/assets/javascripts/templates/shop_variant.html.haml b/app/assets/javascripts/templates/shop_variant.html.haml
index be9161924f..6f7da8bc43 100644
--- a/app/assets/javascripts/templates/shop_variant.html.haml
+++ b/app/assets/javascripts/templates/shop_variant.html.haml
@@ -1,11 +1,10 @@
 .variants.row
-  .small-12.medium-4.large-4.columns.variant-name
-    .table-cell
-      .inline {{ ::variant.name_to_display }}
-      .bulk-buy.inline{"ng-if" => "::variant.product.group_buy"}
-        %i.ofn-i_056-bulk><
-        %em><
-          \ {{::'bulk' | t}}
+  .small-6.medium-4.large-4.columns.variant-name
+    .inline {{ ::variant.name_to_display }}
+    .bulk-buy.inline{"ng-if" => "::variant.product.group_buy"}
+      %i.ofn-i_056-bulk><
+      %em><
+        \ {{::'bulk' | t}}
   .medium-1.large-1.columns.total-price
     %span{"ng-class" => "{filled: variant.line_item.total_price}"}
       {{ variant.line_item.total_price | localizeCurrency }}
diff --git a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
index 460cd02b62..e3b1f68d06 100644
--- a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
@@ -51,14 +51,8 @@
 
         .variant-name {
           @include breakpoint(phablet) {
-            background: #333;
-            color: white;
             padding-left: 0.9375rem;
             font-weight: bold;
-
-            .table-cell {
-              height: 27px;
-            }
           }
         }