diff --git a/public/viewjs/components/productpicker.js b/public/viewjs/components/productpicker.js
index 5e451c1d..c7dfefaa 100644
--- a/public/viewjs/components/productpicker.js
+++ b/public/viewjs/components/productpicker.js
@@ -150,7 +150,7 @@ $('#product_id_text_input').on('blur', function(e)
 				buttons: {
 					cancel: {
 						label: L('Cancel'),
-						className: 'btn-default responsive-button',
+						className: 'btn-secondary responsive-button',
 						callback: function()
 						{
 							Grocy.Components.ProductPicker.SetValue('');