diff --git a/app/map_styles/polygon.xml b/app/map_styles/polygon.xml
index 5023f6aa..eae2b562 100644
--- a/app/map_styles/polygon.xml
+++ b/app/map_styles/polygon.xml
@@ -1101,47 +1101,47 @@
     </Style>
     <Style name="typology_style_period">
         <Rule>
-            <Filter>[typology_style_period] = "Roman (43AD-410)"</Filter>
+            <Filter>[typology_style_period] = "43AD-410 (Roman)"</Filter>
             <PolygonSymbolizer fill="#FFF739" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "Medieval (410-1485)"</Filter>
+            <Filter>[typology_style_period] = "410-1485 (Medieval)"</Filter>
             <PolygonSymbolizer fill="#C5BD00" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "Tudor (1485-1603)"</Filter>
+            <Filter>[typology_style_period] = "1485-1603 (Tudor)"</Filter>
             <PolygonSymbolizer fill="#FF9A39" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "Stuart (1603 -1714)"</Filter>
+            <Filter>[typology_style_period] = "1603 -1714 (Stuart)"</Filter>
             <PolygonSymbolizer fill="#C56000" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "Georgian (1714-1837)"</Filter>
+            <Filter>[typology_style_period] = "1714-1837 (Georgian)"</Filter>
             <PolygonSymbolizer fill="#EA8072" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "Victorian (1837-1901)"</Filter>
+            <Filter>[typology_style_period] = "1837-1901 (Victorian)"</Filter>
             <PolygonSymbolizer fill="#A71200" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "Edwardian (1901-1914)"</Filter>
+            <Filter>[typology_style_period] = "1901-1914 (Edwardian)"</Filter>
             <PolygonSymbolizer fill="#A272D4" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "WWI - WWII (1914-45)"</Filter>
+            <Filter>[typology_style_period] = "1914-45 (WWI - WWII)"</Filter>
             <PolygonSymbolizer fill="#3988C5" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "Post war (1945-1975)"</Filter>
+            <Filter>[typology_style_period] = "1945-1979 (Post war)"</Filter>
             <PolygonSymbolizer fill="#5ADFA2" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "Late 20th Century (1975-2000)"</Filter>
+            <Filter>[typology_style_period] = "1980-1999 (Late 20th Century)"</Filter>
             <PolygonSymbolizer fill="#C2F47A" />
         </Rule>
         <Rule>
-            <Filter>[typology_style_period] = "Early 21st Century (2000-Present)"</Filter>
+            <Filter>[typology_style_period] = "2000-2025 (Early 21st Century)"</Filter>
             <PolygonSymbolizer fill="#6FB40A" />
         </Rule>
 
diff --git a/app/src/frontend/config/data-fields-config.ts b/app/src/frontend/config/data-fields-config.ts
index 2b643b27..e2a9d4d0 100644
--- a/app/src/frontend/config/data-fields-config.ts
+++ b/app/src/frontend/config/data-fields-config.ts
@@ -1776,17 +1776,17 @@ export const dataFields = { /* eslint-disable @typescript-eslint/camelcase */
         tooltip: "",
         example: "Georgian (1714-1837)",
         items: [
-            'Roman (43AD-410)',
-            'Medieval (410-1485)',
-            'Tudor (1485-1603)',
-            'Stuart (1603 -1714)',
-            'Georgian (1714-1837)',
-            'Victorian (1837-1901)',
-            'Edwardian (1901-1914)',
-            'WWI - WWII (1914-45)',,
-            'Post war (1945-1975)',
-            'Late 20th Century (1975-2000)',
-            'Early 21st Century (2000-Present)',
+            '43AD-410 (Roman)',
+            '410-1485 (Medieval)',
+            '1485-1603 (Tudor)',
+            '1603 -1714 (Stuart)',
+            '1714-1837 (Georgian)',
+            '1837-1901 (Victorian)',
+            '1901-1914 (Edwardian)',
+            '1914-45 (WWI - WWII)',,
+            '1945-1979 (Post war)',
+            '1980-1999 (Late 20th Century)',
+            '2000-2025 (Early 21st Century)',
         ]
     },
     typology_style_period_source_type: {