diff --git a/addons/point_of_sale/static/src/css/pos.css b/addons/point_of_sale/static/src/css/pos.css
index 62321e1932c..427bb42c28f 100644
--- a/addons/point_of_sale/static/src/css/pos.css
+++ b/addons/point_of_sale/static/src/css/pos.css
@@ -862,7 +862,7 @@ td {
 
 .pos .product-list-container {
     overflow: hidden;
-    overflow-y: scroll;
+    overflow-y: auto;
     flex-grow: 1;
 }
 
@@ -1331,7 +1331,7 @@ td {
     display: flex;
     flex-grow: 1;
     flex-wrap: wrap;
-    overflow-y: scroll;
+    overflow-y: auto;
 }
 .screen .left-content{
     overflow-x: hidden;
diff --git a/addons/point_of_sale/static/src/js/Chrome.js b/addons/point_of_sale/static/src/js/Chrome.js
index e01a434d9a8..41bb4e28d58 100644
--- a/addons/point_of_sale/static/src/js/Chrome.js
+++ b/addons/point_of_sale/static/src/js/Chrome.js
@@ -372,7 +372,7 @@ odoo.define('point_of_sale.Chrome', function(require) {
             }
 
             if (this.env.pos.config.iface_big_scrollbars) {
-                this.state.uiState.hasBigScrollBars = true;
+                this.state.hasBigScrollBars = true;
             }
 
             this._disableBackspaceBack();
diff --git a/addons/point_of_sale/static/src/xml/Chrome.xml b/addons/point_of_sale/static/src/xml/Chrome.xml
index 6c2d3c5f46d..17593b2f31a 100644
--- a/addons/point_of_sale/static/src/xml/Chrome.xml
+++ b/addons/point_of_sale/static/src/xml/Chrome.xml
@@ -2,7 +2,7 @@
 <templates id="template" xml:space="preserve">
 
     <t t-name="Chrome" owl="1">
-        <div class="pos" t-att-class="{ 'big-scrollbars': state.uiState.hasBigScrollBars }">
+        <div class="pos" t-att-class="{ 'big-scrollbars': state.hasBigScrollBars }">
             <div class="pos-receipt-print"></div>
             <div class="pos-topheader" t-att-class="{ oe_hidden: state.uiState !== 'READY' }">
                 <div t-if="tempScreen.isShown" class="block-top-header" />