[minor] margin fix
diff --git a/erpnext/public/css/website.css b/erpnext/public/css/website.css
index 73230d0..4f41937 100644
--- a/erpnext/public/css/website.css
+++ b/erpnext/public/css/website.css
@@ -267,4 +267,7 @@
   background: none;
   float: none;
   border: none;
+}
+.bom-spec {
+	margin-bottom: 20px;
 }
\ No newline at end of file
diff --git a/erpnext/public/less/website.less b/erpnext/public/less/website.less
index d41a773..b733dab 100644
--- a/erpnext/public/less/website.less
+++ b/erpnext/public/less/website.less
@@ -342,4 +342,8 @@
   background: none;
   float: none;
   border: none;
+}
+
+.bom-spec {
+	margin-bottom: 20px;
 }
\ No newline at end of file
diff --git a/erpnext/templates/generators/bom.html b/erpnext/templates/generators/bom.html
index 5fba8f7..c28d9d4 100644
--- a/erpnext/templates/generators/bom.html
+++ b/erpnext/templates/generators/bom.html
@@ -62,13 +62,13 @@
 				<hr>
 				{% for d in operations -%}
 					<div class="row">
-						<div class="col-sm-3">{{ media_image(d.image, d.operation, "product-full-image") }}</div>
-						<div class="col-sm-3"><div>{{ d.operation }}</div>
+						<div class="col-sm-3 bom-spec">{{ media_image(d.image, d.operation, "product-full-image") }}</div>
+						<div class="col-sm-3 bom-spec"><div>{{ d.operation }}</div>
 							<div class="text-muted">{{ d.description }}</div>
 						</div>
 
-						<div class="col-sm-3"><b>{{ _("Workstation") }}</b><br>{{ d.workstation }}</div>
-                        <div class="col-sm-3"><b>{{ _("Time(in mins)") }}</b><br><div class="duration"><span class="duration-bar">
+						<div class="col-sm-3 bom-spec"><b>{{ _("Workstation") }}</b><br>{{ d.workstation }}</div>
+                        <div class="col-sm-3 bom-spec"><b>{{ _("Time(in mins)") }}</b><br><div class="duration"><span class="duration-bar">
 							<span class="duration-value">{{ d.time_in_mins }}</span></span></div></div>
 					</div>
 					<hr>