diff --git a/app/views/admin/standing_orders/_details.html.haml b/app/views/admin/standing_orders/_details.html.haml
index 655a98ccac..2ed44e2ba7 100644
--- a/app/views/admin/standing_orders/_details.html.haml
+++ b/app/views/admin/standing_orders/_details.html.haml
@@ -1,43 +1,39 @@
 %fieldset.no-border-bottom
   %legend{ align: 'center'}= t("admin.standing_orders.form.details")
   .row
-    .four.columns.alpha.field
-      Customer
-    .four.columns.field
+    .seven.columns.alpha.field
+      %label{ for: 'customer_id'} Customer
       %input.ofn-select2.fullwidth#customer_id{ name: 'customer_id', type: 'number', data: 'customers', text: 'email', required: true, ng: { model: 'standingOrder.customer_id' } }
       .error{ ng: { show: 'submitted && standing_order_details_form.customer_id.$error.required' } }= t(:error_required)
       .error{ ng: { repeat: 'error in errors.customer', show: 'standing_order_details_form.customer_id.$pristine' } } {{ error }}
-    .four.columns.field
-      Schedule
-    .four.columns.omega.field
+    .two.columns  
+    .seven.columns.omega.field
+      %label{ for: 'schedule_id'} Schedule
       %input.ofn-select2.fullwidth#schedule_id{ name: 'schedule_id', type: 'number', data: 'schedules', required: true, ng: { model: 'standingOrder.schedule_id' } }
       .error{ ng: { show: 'submitted && standing_order_details_form.schedule_id.$error.required' } }= t(:error_required)
       .error{ ng: { repeat: 'error in errors.schedule', show: 'standing_order_details_form.schedule_id.$pristine'} } {{ error }}
 
   .row
-    .four.columns.alpha.field
-      Payment Method
-    .four.columns.field
+    .seven.columns.alpha.field
+      %label{ for: 'payment_method_id'} Payment Method
       %input.ofn-select2.fullwidth#payment_method_id{ name: 'payment_method_id', type: 'number', data: 'paymentMethods', required: true, ng: { model: 'standingOrder.payment_method_id' } }
-      %div
       .error{ ng: { show: 'submitted && standing_order_details_form.payment_method_id.$error.required' } }= t(:error_required)
       .error{ ng: { repeat: 'error in errors.payment_method', show: 'standing_order_details_form.payment_method_id.$pristine' } } {{ error }}
-    .four.columns.field
-      Shipping Method
-    .four.columns.omega.field
+    .two.columns  
+    .seven.columns.omega.field
+      %label{ for: 'shipping_method_id'} Shipping Method
       %input.ofn-select2.fullwidth#shipping_method_id{ name: 'shipping_method_id', type: 'number', data: 'shippingMethods', required: true, ng: { model: 'standingOrder.shipping_method_id' } }
       .error{ ng: { show: 'submitted && standing_order_details_form.shipping_method_id.$error.required' } }= t(:error_required)
       .error{ ng: { repeat: 'error in errors.shipping_method', show: 'standing_order_details_form.shipping_method_id.$pristine' } } {{ error }}
 
   .row
-    .four.columns.alpha.field
-      Begins At
-    .four.columns.field
+    .seven.columns.alpha.field
+      %label{ for: 'begins_at'} Begins At
       %input.fullwidth#begins_at{ name: 'begins_at', type: 'text', placeholder: 'Select A Date', datepicker: 'standingOrder.begins_at', required: true, ng: { model: 'standingOrder.begins_at' } }
       .error{ ng: { show: 'submitted && standing_order_details_form.begins_at.$error.required' } }= t(:error_required)
       .error{ ng: { repeat: 'error in errors.begins_at', show: 'standing_order_details_form.begins_at.$pristine' } } {{ error }}
-    .four.columns.field
-      Ends at
-    .four.columns.omega.field
+    .two.columns  
+    .seven.columns.omega.field
+      %label{ for: 'ends_at'} Begins At
       %input.fullwidth#ends_at{ name: 'ends_at', type: 'text', placeholder: 'Optional', datepicker: 'standingOrder.begins_at', ng: { model: 'standingOrder.ends_at' } }
       .error{ ng: { repeat: 'error in errors.ends_at', show: 'standing_order_details_form.ends_at.$pristine' } } {{ error }}