diff --git a/src/lib/train/train-detail.svelte b/src/lib/train/train-detail.svelte
index cafd5b2..f121e67 100644
--- a/src/lib/train/train-detail.svelte
+++ b/src/lib/train/train-detail.svelte
@@ -8,6 +8,7 @@
     async function expand() {
         isExpanded = !isExpanded
     }
+
 </script>
 
 <div class="container">
@@ -22,7 +23,7 @@
             {/if}
             <p class="svc-detail">Planned Type: {parseInt(service.planSpeed) || 68 }mph {service.powerType || "Bus" }</p>
             <p class="svc-detail">Days Run: {service.daysRun.join(", ").toUpperCase()}</p>
-            <p class="svc-detail validity">Valid From: {new Date(service.scheduleStartDate).toLocaleDateString('en-GB')} - {new Date(service.scheduleEndDate).toLocaleDateString('en-GB')}</p>
+            <p class="svc-detail validity">Valid From: {new Date(service.scheduleStartDate).toLocaleDateString('en-GB', {timeZone: 'UTC'})} - {new Date(service.scheduleEndDate).toLocaleDateString('en-GB', {timeZone: 'UTC'})}</p>
             <table>
                 <tr>
                     <th>Location</th>
@@ -71,7 +72,7 @@
         padding-left: 10px;
         font-size: 14px;
         font-weight: 600;
-        padding-top: 10px;
+        padding-top: 12px;
         padding-bottom: 10px;
     }
     #container-arrow {