diff --git a/assets/scss/local.scss b/assets/scss/local.scss
index 6a45c8c2..f278577a 100644
--- a/assets/scss/local.scss
+++ b/assets/scss/local.scss
@@ -8,4 +8,17 @@
 
 .column-width-seventy-percent {
   width: 70%
+}
+
+.govuk-\!-width-one-fifth {
+  width: 20%
+}
+.govuk-\!-width-two-fifths {
+  width: 40%
+}
+.govuk-\!-width-three-fifths {
+  width: 60%
+}
+.govuk-\!-width-four-fifths {
+  width: 80%
 }
\ No newline at end of file
diff --git a/server/views/macros/adaTable.njk b/server/views/macros/adaTable.njk
index fbceacd8..e5639386 100644
--- a/server/views/macros/adaTable.njk
+++ b/server/views/macros/adaTable.njk
@@ -11,16 +11,16 @@
       <tbody>
         {% for ada in adas %}
           <tr class="govuk-table__row">
-            <td class="govuk-table__cell">
+            <td class="govuk-table__cell govuk-!-width-one-fifth">
               {{ ada.dateChargeProved | date("DD MMM YYYY") }}
             </td>
             <td class="govuk-table__cell">
               <table class="govuk-table">
                 <tr>
-                  <th class="govuk-table__header" scope="col">Charge number</th>
-                  <th class="govuk-table__header" scope="col">To be served</th>
-                  <th class="govuk-table__header" scope="col">Heard at</th>
-                  <th class="govuk-table__header " scope="col">Status</th>
+                  <th class="govuk-table__header govuk-!-width-one-fifth" scope="col">Charge number</th>
+                  <th class="govuk-table__header govuk-!-width-one-quarter" scope="col">To be served</th>
+                  <th class="govuk-table__header govuk-!-width-one-quarter" scope="col">Heard at</th>
+                  <th class="govuk-table__header" scope="col">Status</th>
                   <th class="govuk-table__header govuk-!-text-align-centre" scope="col">Days</th>
                 </tr>
                 {% for charge in ada.charges %}