diff --git a/source/frontend/src/components/maps/leaflet/Control/Legend/LegendControl.tsx b/source/frontend/src/components/maps/leaflet/Control/Legend/LegendControl.tsx
index c1b9c0e039..8f8d4b820a 100644
--- a/source/frontend/src/components/maps/leaflet/Control/Legend/LegendControl.tsx
+++ b/source/frontend/src/components/maps/leaflet/Control/Legend/LegendControl.tsx
@@ -26,6 +26,10 @@ const LegendButton = styled(Button as any)`
   &&.btn:hover {
     color: white;
   }
+
+  &&.btn:focus {
+    color: white;
+  }
 `;
 
 export const LegendControl: React.FC<React.PropsWithChildren<unknown>> = () => {
diff --git a/source/frontend/src/components/maps/leaflet/Control/ZoomOut/ZoomOutButton.tsx b/source/frontend/src/components/maps/leaflet/Control/ZoomOut/ZoomOutButton.tsx
index 78ef4748dd..02a7be070a 100644
--- a/source/frontend/src/components/maps/leaflet/Control/ZoomOut/ZoomOutButton.tsx
+++ b/source/frontend/src/components/maps/leaflet/Control/ZoomOut/ZoomOutButton.tsx
@@ -19,6 +19,9 @@ const ZoomButton = styled(Button)`
   &&.btn:hover {
     color: white;
   }
+  &&.btn:focus {
+    color: white;
+  }
 `;
 
 /**
diff --git a/source/frontend/src/features/mapSideBar/property/tabs/propertyDetails/detail/PropertyDetailsTabView.tsx b/source/frontend/src/features/mapSideBar/property/tabs/propertyDetails/detail/PropertyDetailsTabView.tsx
index f2d743ff2f..0d5298555e 100644
--- a/source/frontend/src/features/mapSideBar/property/tabs/propertyDetails/detail/PropertyDetailsTabView.tsx
+++ b/source/frontend/src/features/mapSideBar/property/tabs/propertyDetails/detail/PropertyDetailsTabView.tsx
@@ -108,7 +108,7 @@ export const PropertyDetailsTabView: React.FunctionComponent<IPropertyDetailsTab
       </Section>
 
       <Section header="Property Attributes">
-        <SectionField label="Legal Description">{property?.landLegalDescription}</SectionField>
+        <SectionField label="Legal description">{property?.landLegalDescription}</SectionField>
         <SectionField label="MOTI region">{property?.region?.description}</SectionField>
         <SectionField label="Highways district">
           <InlineContainer>
@@ -121,7 +121,7 @@ export const PropertyDetailsTabView: React.FunctionComponent<IPropertyDetailsTab
         <SectionField label="Electoral district">
           {property?.electoralDistrict?.properties.ED_NAME}
         </SectionField>
-        <SectionField label="Agricultural Land Reserve">
+        <SectionField label="Agricultural land reserve">
           {property?.isALR ? 'Yes' : 'No'}
         </SectionField>
         <SectionField label="Railway belt / Dominion patent">
diff --git a/source/frontend/src/features/properties/map/__snapshots__/MapContainer.test.tsx.snap b/source/frontend/src/features/properties/map/__snapshots__/MapContainer.test.tsx.snap
index 18490d4065..6f4cf3908f 100644
--- a/source/frontend/src/features/properties/map/__snapshots__/MapContainer.test.tsx.snap
+++ b/source/frontend/src/features/properties/map/__snapshots__/MapContainer.test.tsx.snap
@@ -408,6 +408,10 @@ exports[`MapContainer > Renders the map 1`] = `
   color: white;
 }
 
+.c5.c5.btn:focus {
+  color: white;
+}
+
 .c6.c6.btn {
   background-color: #ffffff;
   color: #474543;
@@ -419,6 +423,10 @@ exports[`MapContainer > Renders the map 1`] = `
   color: white;
 }
 
+.c6.c6.btn:focus {
+  color: white;
+}
+
 .c1 {
   display: -webkit-box;
   display: -webkit-flex;