diff --git a/htdocs/takepos/css/pos.css.php b/htdocs/takepos/css/pos.css.php
index 88482b4dcba..921ec1bea40 100644
--- a/htdocs/takepos/css/pos.css.php
+++ b/htdocs/takepos/css/pos.css.php
@@ -337,8 +337,18 @@ div.paymentbordline
 	width: 100%;
 	height: 100%;
 	margin: 0 auto;
-	overflow-x: hidden;
-	overfloy-y: scroll;
+	<?php
+	if (getDolGlobalString('TAKEPOS_USE_ARROW_ON_NAVBAR')) {
+		?>
+		overflow-x: hidden;
+		overfloy-y: scroll;
+	<?
+	} else {
+	?>
+		overflow: visible;
+		<?php
+	}
+	?>
 	box-sizing: border-box;
 }
 
@@ -844,6 +854,7 @@ div#moreinfo, div#infowarehouse {
 	display: none;
 }
 
+
 @media screen and (max-width: 767px) {
 	.div4 {
 		height: auto;
@@ -945,6 +956,16 @@ div#moreinfo, div#infowarehouse {
 	}
 }
 
+
+<?php
+if (!getDolGlobalString('TAKEPOS_USE_ARROW_ON_NAVBAR')) {
+	?>
+
+.arrows {
+	display: none;
+}
+
+<?php } else { ?>
 .indicator {
 	background: #00000042;
 	padding: 15px 5px;
@@ -1049,3 +1070,5 @@ html {
 .topnav.overflow .arrows {
 	display: flex;
 }
+
+<?php } ?>