diff --git a/erpnext/public/css/pos.css b/erpnext/public/css/pos.css
index 81b109838fe..399613d4970 100644
--- a/erpnext/public/css/pos.css
+++ b/erpnext/public/css/pos.css
@@ -35,7 +35,10 @@
 }
 .pos-items-wrapper {
   max-height: 480px;
-  overflow: auto;
+  overflow-y: auto;
+}
+.pos-items {
+  overflow: hidden;
 }
 .pos-item-wrapper {
   display: flex;
diff --git a/erpnext/public/less/pos.less b/erpnext/public/less/pos.less
index 1ae0dfd993e..9358f0a24c3 100644
--- a/erpnext/public/less/pos.less
+++ b/erpnext/public/less/pos.less
@@ -51,7 +51,11 @@
 
 .pos-items-wrapper {
 	max-height: 480px;
-	overflow: auto;
+	overflow-y: auto;
+}
+
+.pos-items {
+	overflow: hidden;
 }
 
 .pos-item-wrapper {