diff --git a/src/lib/ldb/public-ldb.svelte b/src/lib/ldb/public-ldb.svelte
index 103af34..57b0e77 100644
--- a/src/lib/ldb/public-ldb.svelte
+++ b/src/lib/ldb/public-ldb.svelte
@@ -155,7 +155,7 @@
   {#if dataAge}
     <p id="timestamp">Updated: {dataAge.toLocaleTimeString()}</p>
     {#if services.length}
-      <table>
+      <table class="ldbTable">
         <tr>
           <th class="from">From</th>
           <th class="to">To</th>
@@ -215,7 +215,7 @@
       <br>
       <img class="transport-mode" src="/images/transport-modes/bus.svg" alt="Bus services"><br>
       <span class="table-head-text">Bus Services</span>
-      <table>
+      <table class="ldbTable">
         <tr>
           <th class="from">From</th>
           <th class="to">To</th>
@@ -252,7 +252,7 @@
       <br>
       <img class="transport-mode" src="/images/transport-modes/ferry.svg" alt="Bus services"><br>
       <span class="table-head-text">Ferry Services</span>
-      <table>
+      <table class="ldbTable">
         <tr>
           <th class="from">From</th>
           <th class="to">To</th>
@@ -289,54 +289,56 @@
 
 {#if serviceDetail}
   <OverlayIsland>
-    <h6>Service Detail</h6>
-    <button type="button" id="closeService" on:click={closeService}>X</button>
-    <table id="detailTable">
-      <tr>
-        <th>Location</th>
-        <th>Sch</th>
-        <th>Exp</th>
-      </tr>
-      {#if serviceDetail?.previousCallingPoints?.callingPointList?.callingPoint}
-        {#if Array.isArray(serviceDetail?.previousCallingPoints?.callingPointList?.callingPoint)}
-          {#each serviceDetail.previousCallingPoints.callingPointList.callingPoint as prevPoint}
+    <div id="detailBox">
+      <h6>Service Detail</h6>
+      <button type="button" id="closeService" on:click={closeService}>X</button>
+      <table id="detailTable">
+        <tr>
+          <th>Location</th>
+          <th>Sch</th>
+          <th>Exp</th>
+        </tr>
+        {#if serviceDetail?.previousCallingPoints?.callingPointList?.callingPoint}
+          {#if Array.isArray(serviceDetail?.previousCallingPoints?.callingPointList?.callingPoint)}
+            {#each serviceDetail.previousCallingPoints.callingPointList.callingPoint as prevPoint}
+              <tr>
+                <td>{prevPoint.locationName}</td>
+                <td>{prevPoint.st}</td>
+                <td class="time {parseTime(prevPoint.at || prevPoint.et).changed}">{parseTime(prevPoint.at || prevPoint.et).data}</td>
+              </tr>
+            {/each}
+          {:else}
             <tr>
-              <td>{prevPoint.locationName}</td>
-              <td>{prevPoint.st}</td>
-              <td class="time {parseTime(prevPoint.at || prevPoint.et).changed}">{parseTime(prevPoint.at || prevPoint.et).data}</td>
+              <td>{serviceDetail.previousCallingPoints.callingPointList.callingPoint.locationName}</td>
+              <td>{serviceDetail.previousCallingPoints.callingPointList.callingPoint.st}</td>
+              <td class="time {parseTime(serviceDetail.previousCallingPoints.callingPointList.callingPoint.at || serviceDetail.previousCallingPoints.callingPointList.callingPoint.et).changed}">{parseTime(serviceDetail.previousCallingPoints.callingPointList.callingPoint.at || serviceDetail.previousCallingPoints.callingPointList.callingPoint.et).data}</td>
             </tr>
-          {/each}
-        {:else}
-          <tr>
-            <td>{serviceDetail.previousCallingPoints.callingPointList.callingPoint.locationName}</td>
-            <td>{serviceDetail.previousCallingPoints.callingPointList.callingPoint.st}</td>
-            <td class="time {parseTime(serviceDetail.previousCallingPoints.callingPointList.callingPoint.at || serviceDetail.previousCallingPoints.callingPointList.callingPoint.et).changed}">{parseTime(serviceDetail.previousCallingPoints.callingPointList.callingPoint.at || serviceDetail.previousCallingPoints.callingPointList.callingPoint.et).data}</td>
-          </tr>
+          {/if}
         {/if}
-      {/if}
-      <tr class="thisStop">
-        <td>{title}</td>
-        <td>{serviceDetail.std || serviceDetail.sta}</td>
-        <td class="time {parseTime(serviceDetail.etd || serviceDetail.eta).changed}">{parseTime(serviceDetail.etd || serviceDetail.eta).data}</td>
-      </tr>
-      {#if serviceDetail?.subsequentCallingPoints?.callingPointList?.callingPoint}
-        {#if Array.isArray(serviceDetail?.subsequentCallingPoints?.callingPointList?.callingPoint)}
-          {#each serviceDetail.subsequentCallingPoints.callingPointList.callingPoint as nextPoint}
-            <tr>
-              <td>{nextPoint.locationName}</td>
-              <td>{nextPoint.st}</td>
-              <td class="time {parseTime(nextPoint.et).changed}">{parseTime(nextPoint.et).data}</td>
+        <tr class="thisStop">
+          <td>{title}</td>
+          <td>{serviceDetail.std || serviceDetail.sta}</td>
+          <td class="time {parseTime(serviceDetail.etd || serviceDetail.eta).changed}">{parseTime(serviceDetail.etd || serviceDetail.eta).data}</td>
+        </tr>
+        {#if serviceDetail?.subsequentCallingPoints?.callingPointList?.callingPoint}
+          {#if Array.isArray(serviceDetail?.subsequentCallingPoints?.callingPointList?.callingPoint)}
+            {#each serviceDetail.subsequentCallingPoints.callingPointList.callingPoint as nextPoint}
+              <tr>
+                <td>{nextPoint.locationName}</td>
+                <td>{nextPoint.st}</td>
+                <td class="time {parseTime(nextPoint.et).changed}">{parseTime(nextPoint.et).data}</td>
+              </tr>
+            {/each}
+          {:else}
+            <tr class="detailRow">
+              <td>{serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.locationName}</td>
+              <td>{serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.st}</td>
+              <td class="time {parseTime(serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.et).changed}">{parseTime(serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.et).data}</td>
             </tr>
-          {/each}
-        {:else}
-          <tr>
-            <td>{serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.locationName}</td>
-            <td>{serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.st}</td>
-            <td class="time {parseTime(serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.et).changed}">{parseTime(serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.et).data}</td>
-          </tr>
+          {/if}
         {/if}
-      {/if}
-    </table>
+      </table>
+    </div>
   </OverlayIsland>
 {/if}
 
@@ -346,10 +348,12 @@
     text-align: left;
     font-size: 14px;
   }
-  table {
+  .ldbTable {
     width: 100%;
-    max-width: 800px;
+    min-width: 300px;
     margin: auto;
+    padding-right: 2px;
+    padding-left: 0px;
     color: white;
     font-size: 13px;
   }
@@ -368,7 +372,7 @@
     font-size: 14px;
   }
 @media (min-width: 800px) {
-    table {font-size: 15px;}
+    table {font-size: 15px; max-width: 850px;}
     .service-detail {font-size: 14px;}
     .transport-mode {width: 50px;}
     #timestamp {font-size: 16px;}
@@ -418,6 +422,9 @@
         color: var(--main-alert-color);
     }
 }
+#detailBox {
+  width: 100%;
+}
 h6 {
   position: absolute;
   top: -25px;
@@ -439,6 +446,8 @@ h6 {
 }
 #detailTable {
   margin-top: 40px;
+  color: white;
+  font-size: 15px;
 }
 .thisStop {
   color: yellow;
diff --git a/src/routes/more/data/+page.svelte b/src/routes/more/data/+page.svelte
index fc1c05f..dc70307 100644
--- a/src/routes/more/data/+page.svelte
+++ b/src/routes/more/data/+page.svelte
@@ -35,8 +35,9 @@
  
 <Header {title} />
 
-<p>OwlBoard stored as little data about you as possible to offer the service.</p>
-<p>Besides your randomly generated UUID which is used to authorise your staff access we store the following data:</p>
+<p>OwlBoard stores as little data about you as possible to offer the service.</p>
+<p>Your randomly generated UUID is not displayed, this is stored in your browser and on the OwlBoard server.</p>
+<p>The data below is the entirity of the data we hold about you and constitutes a response to a `Subject Access Request` under GDPR legislation.</p>
 <br><br>
 
 {#if isLoading}