diff --git a/erpnext/public/scss/point-of-sale.scss b/erpnext/public/scss/point-of-sale.scss
index 4cb22744e000925fbf46ed3becc8582deca694b6..67dff99c5d94e5019e619ee0372c4d6e2b567e53 100644
--- a/erpnext/public/scss/point-of-sale.scss
+++ b/erpnext/public/scss/point-of-sale.scss
@@ -611,7 +611,7 @@
 		padding: var(--padding-sm);
 
 		&:hover {
-			background-color: var(--gray-50);
+			background-color: var(--control-bg);
 		}
 
 		> .invoice-name-date {
@@ -1161,8 +1161,8 @@
 					}
 
 					> .new-btn {
-						background-color: var(--blue-500);
-						color:white;
+						background-color: var(--btn-primary);
+						color: var(--neutral);
 						font-weight: 500;
 					}
 				}