diff --git a/source/backend/api/Pims.Api.csproj b/source/backend/api/Pims.Api.csproj
index 4f25509a84..d59b215a43 100644
--- a/source/backend/api/Pims.Api.csproj
+++ b/source/backend/api/Pims.Api.csproj
@@ -2,9 +2,9 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
   <PropertyGroup>
     <UserSecretsId>0ef6255f-9ea0-49ec-8c65-c172304b4926</UserSecretsId>
-    <Version>5.2.3-79.18</Version>
-    <Version>5.2.3-79.18</Version>
-    <AssemblyVersion>5.2.3.79</AssemblyVersion>
+    <Version>5.2.4-79.18</Version>
+    <Version>5.2.4-79.18</Version>
+    <AssemblyVersion>5.2.4.79</AssemblyVersion>
     <GenerateDocumentationFile>true</GenerateDocumentationFile>
     <ProjectGuid>16BC0468-78F6-4C91-87DA-7403C919E646</ProjectGuid>
     <TargetFramework>net8.0</TargetFramework>
diff --git a/source/frontend/package.json b/source/frontend/package.json
index 316fdcfcab..a977cc9ec5 100644
--- a/source/frontend/package.json
+++ b/source/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "5.2.3-79.18",
+  "version": "5.2.4-79.18",
   "private": true,
   "dependencies": {
     "@bcgov/bc-sans": "1.0.1",
diff --git a/source/frontend/src/assets/images/edit-map-marker.svg b/source/frontend/src/assets/images/edit-map-marker.svg
index 364fc8fdc9..3f4616318e 100644
--- a/source/frontend/src/assets/images/edit-map-marker.svg
+++ b/source/frontend/src/assets/images/edit-map-marker.svg
@@ -1,11 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.95 85.87">
   <defs>
-    <style>
-      .cls-1 {
-        fill: #036;
-      }
-    </style>
   </defs>
   <g id="PDF_preview" data-name="PDF preview">
     <path class="cls-1" d="M55.16,5.56l-3.76-3.77c-2.39-2.39-6.25-2.39-8.64,0h0l-4.62,4.62s.68,.43,1.61,1.04L17,30.68l-1.24-1.83-.23,.23c.05-.05,.09-.11,.15-.16L38.13,6.41C22.22-.8-1.23,7.37,.05,30.58c1.08,19.67,26.62,55.29,26.62,55.29,0,0,24.8-35.75,25.6-55.29,.18-4.48-.53-8.4-1.91-11.75l-22.29,22.5s-.06,.05-.09,.08l.18-.18-1.51-1.05,22.67-23.17c.36,.57,.71,1.17,1.05,1.8l4.81-4.63c2.39-2.39,2.39-6.25,0-8.64Zm-14.73,2.36c1.49,1,3.3,2.27,4.08,3.02,.03,.02,.07,.07,.1,.1l-24.17,24.7-2.96-4.36L40.44,7.93Zm-12.99,33.95c-.87,.71-1.87,1.25-2.95,1.58l-11.49,3.38c-.8,.23-3.92,2.38-4.51,1.78-.59-.59,1.44-3.83,1.67-4.64l3.38-11.49c.32-1.08,.86-2.08,1.57-2.94l5.16,6.81,7.17,5.52Zm-1.51-2.16l-4.9-3.39L45.19,11.64c.87,.92,2.26,2.54,3.65,4.67l-22.91,23.41Z"/>
diff --git a/source/frontend/src/components/common/buttons/EditPropertiesButton.tsx b/source/frontend/src/components/common/buttons/EditPropertiesButton.tsx
new file mode 100644
index 0000000000..b5db42a3ce
--- /dev/null
+++ b/source/frontend/src/components/common/buttons/EditPropertiesButton.tsx
@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+
+import EditMapMarkerIcon from '@/assets/images/edit-map-marker.svg?react';
+
+export const EditPropertiesIcon: React.FC = () => {
+  return <EditMapMarkerButton width="2.4rem" height="2.4rem" />;
+};
+
+const EditMapMarkerButton = styled(EditMapMarkerIcon)`
+  fill: ${props => props.theme.css.primaryColor};
+`;
diff --git a/source/frontend/src/features/mapSideBar/acquisition/common/AcquisitionMenu.tsx b/source/frontend/src/features/mapSideBar/acquisition/common/AcquisitionMenu.tsx
index f35b085d0f..bf3eed3db2 100644
--- a/source/frontend/src/features/mapSideBar/acquisition/common/AcquisitionMenu.tsx
+++ b/source/frontend/src/features/mapSideBar/acquisition/common/AcquisitionMenu.tsx
@@ -3,7 +3,7 @@ import { Col, Row } from 'react-bootstrap';
 import { FaCaretRight } from 'react-icons/fa';
 import styled from 'styled-components';
 
-import EditMapMarker from '@/assets/images/edit-map-marker.svg?react';
+import { EditPropertiesIcon } from '@/components/common/buttons/EditPropertiesButton';
 import EditButton from '@/components/common/EditButton';
 import TooltipIcon from '@/components/common/TooltipIcon';
 import { Claims, Roles } from '@/constants/index';
@@ -57,7 +57,7 @@ const AcquisitionMenu: React.FunctionComponent<
                   {hasClaim(Claims.ACQUISITION_EDIT) && canEditDetails() && (
                     <EditButton
                       title="Change properties"
-                      icon={<EditMapMarker width="2.4rem" height="2.4rem" />}
+                      icon={<EditPropertiesIcon />}
                       onClick={props.onShowPropertySelector}
                     />
                   )}
diff --git a/source/frontend/src/features/mapSideBar/acquisition/common/__snapshots__/AcquisitionMenu.test.tsx.snap b/source/frontend/src/features/mapSideBar/acquisition/common/__snapshots__/AcquisitionMenu.test.tsx.snap
index 1aa4c5ae4f..9009822ae2 100644
--- a/source/frontend/src/features/mapSideBar/acquisition/common/__snapshots__/AcquisitionMenu.test.tsx.snap
+++ b/source/frontend/src/features/mapSideBar/acquisition/common/__snapshots__/AcquisitionMenu.test.tsx.snap
@@ -110,6 +110,7 @@ exports[`AcquisitionMenu component > matches snapshot 1`] = `
           type="button"
         >
           <svg
+            class=""
             data-name="Layer 2"
             height="2.4rem"
             id="Layer_2"
@@ -117,15 +118,7 @@ exports[`AcquisitionMenu component > matches snapshot 1`] = `
             width="2.4rem"
             xmlns="http://www.w3.org/2000/svg"
           >
-            <defs>
-              <style>
-                
-      .cls-1 {
-        fill: #036;
-      }
-    
-              </style>
-            </defs>
+            <defs />
             <g
               data-name="PDF preview"
               id="PDF_preview"
diff --git a/source/frontend/src/features/mapSideBar/disposition/common/DispositionMenu.tsx b/source/frontend/src/features/mapSideBar/disposition/common/DispositionMenu.tsx
index 0d60efdde9..ee6ef65d8c 100644
--- a/source/frontend/src/features/mapSideBar/disposition/common/DispositionMenu.tsx
+++ b/source/frontend/src/features/mapSideBar/disposition/common/DispositionMenu.tsx
@@ -3,7 +3,7 @@ import { Col, Row } from 'react-bootstrap';
 import { FaCaretRight } from 'react-icons/fa';
 import styled from 'styled-components';
 
-import EditMapMarker from '@/assets/images/edit-map-marker.svg?react';
+import { EditPropertiesIcon } from '@/components/common/buttons/EditPropertiesButton';
 import EditButton from '@/components/common/EditButton';
 import TooltipIcon from '@/components/common/TooltipIcon';
 import { Claims, Roles } from '@/constants/index';
@@ -56,7 +56,7 @@ const DispositionMenu: React.FunctionComponent<
                   {hasClaim(Claims.DISPOSITION_EDIT) && canEditDetails() && (
                     <EditButton
                       title="Change properties"
-                      icon={<EditMapMarker width="2.4rem" height="2.4rem" />}
+                      icon={<EditPropertiesIcon />}
                       onClick={props.onShowPropertySelector}
                     />
                   )}
diff --git a/source/frontend/src/features/mapSideBar/research/common/ResearchMenu.tsx b/source/frontend/src/features/mapSideBar/research/common/ResearchMenu.tsx
index c1871b2118..7c44f9f339 100644
--- a/source/frontend/src/features/mapSideBar/research/common/ResearchMenu.tsx
+++ b/source/frontend/src/features/mapSideBar/research/common/ResearchMenu.tsx
@@ -2,7 +2,7 @@ import { Col, Row } from 'react-bootstrap';
 import { FaCaretRight } from 'react-icons/fa';
 import styled from 'styled-components';
 
-import EditMapMarker from '@/assets/images/edit-map-marker.svg?react';
+import { EditPropertiesIcon } from '@/components/common/buttons/EditPropertiesButton';
 import { EditButton } from '@/components/common/EditButton';
 import { Claims } from '@/constants/index';
 import { useKeycloakWrapper } from '@/hooks/useKeycloakWrapper';
@@ -45,7 +45,7 @@ const ResearchMenu: React.FunctionComponent<
               {hasClaim(Claims.RESEARCH_EDIT) && (
                 <EditButton
                   title="Change properties"
-                  icon={<EditMapMarker width="2.4rem" height="2.4rem" />}
+                  icon={<EditPropertiesIcon />}
                   onClick={() => {
                     props.onEdit();
                   }}
diff --git a/source/frontend/src/features/mapSideBar/research/common/__snapshots__/ResearchMenu.test.tsx.snap b/source/frontend/src/features/mapSideBar/research/common/__snapshots__/ResearchMenu.test.tsx.snap
index 90941731b9..abf28d4507 100644
--- a/source/frontend/src/features/mapSideBar/research/common/__snapshots__/ResearchMenu.test.tsx.snap
+++ b/source/frontend/src/features/mapSideBar/research/common/__snapshots__/ResearchMenu.test.tsx.snap
@@ -110,6 +110,7 @@ exports[`ResearchMenu component > renders as expected when provided no research
           type="button"
         >
           <svg
+            class=""
             data-name="Layer 2"
             height="2.4rem"
             id="Layer_2"
@@ -117,15 +118,7 @@ exports[`ResearchMenu component > renders as expected when provided no research
             width="2.4rem"
             xmlns="http://www.w3.org/2000/svg"
           >
-            <defs>
-              <style>
-                
-      .cls-1 {
-        fill: #036;
-      }
-    
-              </style>
-            </defs>
+            <defs />
             <g
               data-name="PDF preview"
               id="PDF_preview"