diff --git a/addons/product/static/src/product_catalog/kanban_record.xml b/addons/product/static/src/product_catalog/kanban_record.xml
index 219ae519618..83e43d941b0 100644
--- a/addons/product/static/src/product_catalog/kanban_record.xml
+++ b/addons/product/static/src/product_catalog/kanban_record.xml
@@ -8,7 +8,7 @@
              t-on-click="onGlobalClick"
              t-ref="root">
             <div class="d-flex flex-column h-100"
-                 t-att-class="{'o_product_added': productCatalogData.quantity}">
+                 t-att-class="{'o_product_added': productCatalogData.quantity || productCatalogData.readOnly}">
                 <t t-call="{{ templates[this.constructor.KANBAN_BOX_ATTRIBUTE] }}"
                    t-call-context="this.renderingContext"/>
                 <t t-component="orderLineComponent" productId="props.record.resId" t-props="productCatalogData"/>
diff --git a/addons/product/static/src/product_catalog/order_line/order_line.scss b/addons/product/static/src/product_catalog/order_line/order_line.scss
index 757ef519de9..5e7aedf3d19 100644
--- a/addons/product/static/src/product_catalog/order_line/order_line.scss
+++ b/addons/product/static/src/product_catalog/order_line/order_line.scss
@@ -10,7 +10,7 @@ div.o_product_catalog_quantity {
     }
 }
 
-.o_product_kanban_view .o_kanban_renderer .o_kanban_record .o_product_added {
+.o_kanban_view .o_kanban_renderer .o_kanban_record .o_product_added {
     background-color: $o-component-active-bg;
     border-color: $o-component-active-border;
 }