diff --git a/app/assets/stylesheets/admin/openfoodweb.css.scss b/app/assets/stylesheets/admin/openfoodweb.css.scss
index 747f935a1f..c700489208 100644
--- a/app/assets/stylesheets/admin/openfoodweb.css.scss
+++ b/app/assets/stylesheets/admin/openfoodweb.css.scss
@@ -32,6 +32,12 @@ form.order_cycle {
     float: left;
     margin-right: 3em;
   }
+  ol {
+    list-style-type: none;
+    li {
+      margin-bottom: 0.5em;
+    }
+  }
   table.exchanges {
     tr td.active {
       width: 20px;
@@ -68,6 +74,7 @@ form.order_cycle {
   .coordinator-fees {
     margin-top: 1em;
   }
+
   .actions {
     margin-top: 3em;
   }
diff --git a/app/views/admin/order_cycles/_coordinator_fees.html.haml b/app/views/admin/order_cycles/_coordinator_fees.html.haml
index 338fadb435..86e0d0a7af 100644
--- a/app/views/admin/order_cycles/_coordinator_fees.html.haml
+++ b/app/views/admin/order_cycles/_coordinator_fees.html.haml
@@ -1,5 +1,6 @@
-%table.coordinator-fees
-  %tr{'ng-repeat' => 'enterprise_fee in order_cycle.coordinator_fees'}
-    %td= select_tag 'order_cycle_coordinator_fee_{{ $index }}_id', nil, {'ng-model' => 'enterprise_fee.id', 'ng-options' => 'enterprise_fee.id as enterprise_fee.name for enterprise_fee in enterpriseFeesForEnterprise(order_cycle.coordinator_id)'}
-    %td= link_to 'Remove', '#', {'id' => 'order_cycle_coordinator_fee_{{ $index }}_remove', 'ng-click' => 'removeCoordinatorFee($event, $index)'}
+%ol.coordinator-fees
+  %li{'ng-repeat' => 'enterprise_fee in order_cycle.coordinator_fees'}
+    = select_tag 'order_cycle_coordinator_fee_{{ $index }}_id', nil, {'ng-model' => 'enterprise_fee.id', 'ng-options' => 'enterprise_fee.id as enterprise_fee.name for enterprise_fee in enterpriseFeesForEnterprise(order_cycle.coordinator_id)'}
+    = link_to 'Remove', '#', {'id' => 'order_cycle_coordinator_fee_{{ $index }}_remove', 'ng-click' => 'removeCoordinatorFee($event, $index)'}
+
 = f.submit 'Add coordinator fee', 'ng-click' => 'addCoordinatorFee($event)'