diff --git a/htdocs/takepos/css/pos.css b/htdocs/takepos/css/pos.css
index 041f4f56bee..71ad5b61362 100644
--- a/htdocs/takepos/css/pos.css
+++ b/htdocs/takepos/css/pos.css
@@ -129,6 +129,14 @@ table.postablelines tr td {
     height: 40px !important;
 }
 
+div.paymentbordline
+{
+	width:50%; 
+	background-color:#666; 
+	border-radius: 8px; 
+	margin-bottom: 4px;
+}
+
 @media only screen and (max-aspect-ratio: 6/4) {
 	div.description{
 	min-height:20%;
diff --git a/htdocs/takepos/pay.php b/htdocs/takepos/pay.php
index 9fd19b7378f..aa75ed5a2c4 100644
--- a/htdocs/takepos/pay.php
+++ b/htdocs/takepos/pay.php
@@ -181,18 +181,18 @@ else print "var received=0;";
 
 <div style="position:absolute; top:2%; left:5%; height:30%; width:91%;">
 <center>
-<div style="width:40%; background-color:#222222; border-radius:8px; margin-bottom: 4px;">
+<div class="paymentbordline paymentbordlinetotal">
 <center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans('TotalTTC');?>: </font><span id="totaldisplay" class="colorwhite"><?php echo price($invoice->total_ttc, 1, '', 1, -1, -1) ?></span></font></span></center>
 </div>
 <?php if ($remaintopay != $invoice->total_ttc) { ?>
-<div style="width:40%; background-color:#222222; border-radius:8px; margin-bottom: 4px;">
+<div class="paymentbordline paymentbordlineremain">
 <center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans('RemainToPay');?>: </font><span id="remaintopaydisplay" class="colorwhite"><?php echo price($remaintopay, 1, '', 1, -1, -1) ?></span></font></span></center>
 </div>
 <?php } ?>
-<div style="width:40%; background-color:#333333; border-radius:8px; margin-bottom: 4px;">
+<div class="paymentbordline paymentbordlinereceived">
     <center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans("Received"); ?>: </font><span class="change1 colorred"><?php echo price(0) ?></span><input type="hidden" id="change1" class="change1" value="0"></font></span></center>
 </div>
-<div style="width:40%; background-color:#333333; border-radius:8px; margin-bottom: 4px;">
+<div class="paymentbordline paymentbordlinechange">
 <center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans("Change"); ?>: </font><span class="change2 colorwhite"><?php echo price(0) ?></span><input type="hidden" id="change2" class="change2" value="0"></font></span></center>
 </div>
 </center>