diff --git a/src/components/Filter.tsx b/src/components/Filter.tsx
index 00e1a46..f96ce2e 100644
--- a/src/components/Filter.tsx
+++ b/src/components/Filter.tsx
@@ -32,7 +32,21 @@ export default function Filter(): JSX.Element {
       url: config.urls.stations,
       definitionExpression: emptyDefinition,
       outFields: [config.fieldNames.STATION_ID],
+      renderer: {
+        // @ts-expect-error - accessor has issues with TS
+        type: 'simple',
+        symbol: {
+          type: 'simple-marker',
+          color: '#DD5623',
+          outline: {
+            color: [0, 0, 0],
+            width: 1,
+          },
+          size: 12,
+        },
+      },
     });
+
     addLayers([stationsLayer.current]);
 
     mapView.on('pointer-move', (event) => {
diff --git a/tailwind.config.js b/tailwind.config.js
index a5f5f22..b5337f1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,17 +7,17 @@ export default {
     extend: {
       colors: {
         primary: {
-          50: '#FCF5F3',
-          100: '#F9ECE6',
-          200: '#F3D8CE',
-          300: '#ECC2B1',
-          400: '#E6AF99',
-          500: '#E09B80',
-          600: '#DA8868',
-          700: '#D4754F',
-          800: '#CD5F34',
-          900: '#662F19',
-          950: '#35180D',
+          50: '#FCEEE9',
+          100: '#F8DDD3',
+          200: '#F1BBA7',
+          300: '#EA987B',
+          400: '#E4764E',
+          500: '#DD5623',
+          600: '#B1431B',
+          700: '#843215',
+          800: '#58220E',
+          900: '#2C1107',
+          950: '#160803',
         },
         secondary: {
           50: '#F3F5F6',