diff --git a/app/src/frontend/building/data-components/planning-data-entry.tsx b/app/src/frontend/building/data-components/planning-data-entry.tsx
index f8d81f98..cb3d0e8e 100644
--- a/app/src/frontend/building/data-components/planning-data-entry.tsx
+++ b/app/src/frontend/building/data-components/planning-data-entry.tsx
@@ -23,13 +23,15 @@ const LongText = ({ content,limit}) => {
   if (showAll) {
     return <div> 
       {content} 
-      <b onClick={showLess}>shorten description</b> 
+      <br/>
+      <b onClick={showLess}>Shorten description</b>
     </div>
   }
   const toShow = content.substring(0, limit).trim() + "... ";
   return <div> 
     {toShow} 
-    <b onClick={showMore}>show full description</b>
+    <br/>
+    <b onClick={showMore}>Show full description</b>
   </div>
 }
 
@@ -43,8 +45,8 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
                     title={"Planning Application Status"}
                     tooltip={null}
                 />
+                <i>No live planning data available currently for this building polygon via the Planning London DataHub.</i>
                 <div>Disclaimer: data is imported from the official source, but Planning London DataHub is known to be incomplete.</div>
-                <b>No live planning data available currently for this building polygon via the Planning London DataHub.</b>
                   </InfoBox>
                 </Fragment>);
     }
@@ -56,22 +58,21 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
                     title={"Planning Application Status"}
                     tooltip={null}
                 />
-                <div>Disclaimer: data is imported from the official source, but Planning London DataHub is known to be incomplete.</div>
-                <b>Data source:</b> <a href={data[0]["data_source_link"]}>{data[0]["data_source"]}</a>
-                <br/>
-                <b>Planning application ID:</b> {data[0]["planning_application_id"]}
-                <br/>
-                <b>Most recent update by data provider:</b> {data[0]["last_synced_date"]}
-                <br/>
-                <b>Planning application ID:</b> {data[0]["planning_application_id"]}
-                <br/>
                 <b>Current planning application status for this site:</b> {data[0]["status"]}
                 <br/>
                 <b>Decision date</b>: {data[0]["decision_date"].toString()}
                 <br/>
-                <b>Brief Description of proposed work</b>: <LongText content = {data[0]["description"]} limit = {400}/> 
-
+                <b>Description of proposed work</b>: <LongText content = {data[0]["description"]} limit = {400}/> 
                 <br/>
+                <b>Planning application ID:</b> {data[0]["planning_application_id"]}
+                <br/>
+                <b>Planning portal link</b>: not provided
+                <br/>
+                <b>Most recent update by data provider:</b> {data[0]["decision_date"]}
+                <br/>
+                <b>Data source:</b> <a href={data[0]["data_source_link"]}>{data[0]["data_source"]}</a>
+                <br/>
+                <div>Disclaimer: data is imported from the official source, but Planning London DataHub is known to be incomplete.</div>
                 <CheckboxDataEntry
                 title="Show conservation area layer (Ian Hall dataset)"
                 slug="planning_recent_outcome"