diff --git a/erpnext/public/scss/order-page.scss b/erpnext/public/scss/order-page.scss
index 367b2c017246fae1b0c7fd25d0a2e7c160a0acfd..6e65a2bacb48cdd4a4aeaf779181de44965b1c4c 100644
--- a/erpnext/public/scss/order-page.scss
+++ b/erpnext/public/scss/order-page.scss
@@ -30,7 +30,8 @@
 .order-items {
 	padding: 1.5rem 0;
 	border-bottom: 1px solid var(--border-color);
-	color: var(--gray-700);
+	margin-left: 0px;
+	margin-right: 0px;
 
 	@media screen and (max-width: 567px) {
 		align-items: flex-start !important;
diff --git a/erpnext/templates/pages/order.html b/erpnext/templates/pages/order.html
index b681086c61aef5446a511ad9d51a88c754d0de25..038a72f271191441583d531ab3aab803ae762ee9 100644
--- a/erpnext/templates/pages/order.html
+++ b/erpnext/templates/pages/order.html
@@ -50,7 +50,7 @@
 			</div>
 		</div>
 		<div class="row indicator-container mt-2">
-			<div class="col-10">
+			<div class="col-8">
 				<span class="indicator-pill {{ doc.indicator_color or (" blue" if doc.docstatus==1 else "darkgrey" ) }}">
 					{% if doc.doctype == "Quotation" and not doc.docstatus %}
 						{{ _("Pending") }}
@@ -59,7 +59,7 @@
 					{% endif %}
 				</span>
 			</div>
-			<div class="text-right col-2">
+			<div class="text-right col-4">
 				{%- set party_name = doc.supplier_name if doc.doctype in ['Supplier Quotation', 'Purchase Invoice', 'Purchase
 				Order'] else doc.customer_name %}
 				<b>{{ party_name }}</b>