diff --git a/web/org.openbravo.retail.posterminal/js/pointofsale/view/ps-productdetailsview.js b/web/org.openbravo.retail.posterminal/js/pointofsale/view/ps-productdetailsview.js
--- a/web/org.openbravo.retail.posterminal/js/pointofsale/view/ps-productdetailsview.js
+++ b/web/org.openbravo.retail.posterminal/js/pointofsale/view/ps-productdetailsview.js
@@ -205,9 +205,11 @@
     style: 'height: 160px; padding: 20px;',
     name: 'contextImage',
     components: [{
+      kind: 'OB.UI.Thumbnail',
       name: 'productImage',
-      tag: 'img',
-      classes: 'product_image'
+      width: '100%',
+      height: '100%',
+      classes: 'image-wrap image-editline'
     }]
   }, {
     style: 'margin: 5px 15px;',
@@ -369,7 +371,7 @@
       this.bodyComponent.$.productImage.setSrc(OB.UTIL.getImageURL(params.product.get('id')));
       this.bodyComponent.$.productImage.setAttribute('onerror', 'if (this.src != "../org.openbravo.mobile.core/assets/img/box.png") this.src = "../org.openbravo.mobile.core/assets/img/box.png"; ');
     } else {
-      this.bodyComponent.$.productImage.applyStyle('background-image', 'url(data:image/png;base64,' + params.product.get('img') + ')');
+      this.bodyComponent.$.productImage.setImg(params.product.get('img'));
     }
     this.bodyComponent.$.warehouseToGet.setContent(OB.I18N.getLabel('OBPOS_loadingFromWarehouse', [this.warehouse.warehousename]));
     this.bodyComponent.$.productPrice.setContent(OB.I18N.getLabel('OBPOS_priceInfo') + '<b>' + OB.I18N.formatCurrency(params.product.get('standardPrice')) + '</b>');