diff --git a/app/assets/javascripts/darkswarm/controllers/cart_controller.js.coffee b/app/assets/javascripts/darkswarm/controllers/cart_controller.js.coffee
index 119fb640f3..28d6cb4cfe 100644
--- a/app/assets/javascripts/darkswarm/controllers/cart_controller.js.coffee
+++ b/app/assets/javascripts/darkswarm/controllers/cart_controller.js.coffee
@@ -1,3 +1,4 @@
 Darkswarm.controller "CartCtrl", ($scope, Cart, CurrentHub) ->
   $scope.Cart = Cart
   $scope.CurrentHub = CurrentHub
+  $scope.max_characters = 20
diff --git a/app/views/shared/menu/_cart_sidebar.html.haml b/app/views/shared/menu/_cart_sidebar.html.haml
index 070beb3983..03c3f52222 100644
--- a/app/views/shared/menu/_cart_sidebar.html.haml
+++ b/app/views/shared/menu/_cart_sidebar.html.haml
@@ -16,9 +16,9 @@
           %td.image
             %img{'ng-src' => '{{ line_item.variant.thumb_url }}'}
           %td
-            %span {{ line_item.variant.extended_name }}
+            %span {{ line_item.variant.extended_name | truncate: max_characters }}
             %br
-            %span.options-text {{ line_item.variant.options_text }}
+            %span.options-text {{ line_item.variant.options_text | truncate: max_characters }}
           %td.text-right
             %span.quantity {{ line_item.quantity }}
           %td