diff --git a/src/client/graphics/layers/StructureIconsLayer.ts b/src/client/graphics/layers/StructureIconsLayer.ts
index a3018d5420..c37f75a18a 100644
--- a/src/client/graphics/layers/StructureIconsLayer.ts
+++ b/src/client/graphics/layers/StructureIconsLayer.ts
@@ -51,6 +51,19 @@ export function shouldPreserveGhostAfterBuild(unitType: UnitType): boolean {
 
 extend([a11yPlugin]);
 
+const FILTER_OUTLINE_RED = new OutlineFilter({
+  thickness: 2,
+  color: "rgba(255, 0, 0, 1)",
+});
+const FILTER_OUTLINE_GREEN = new OutlineFilter({
+  thickness: 2,
+  color: "rgba(0, 255, 0, 1)",
+});
+const FILTER_OUTLINE_WHITE = new OutlineFilter({
+  thickness: 2,
+  color: "rgb(255, 255, 255)",
+});
+
 class StructureRenderInfo {
   public isOnScreen: boolean = false;
   constructor(
@@ -334,9 +347,7 @@ export class StructureIconsLayer implements Layer {
             canUpgrade: false,
           });
           this.updateGhostPrice(0, showPrice);
-          this.ghostUnit.container.filters = [
-            new OutlineFilter({ thickness: 2, color: "rgba(255, 0, 0, 1)" }),
-          ];
+          this.ghostUnit.container.filters = [FILTER_OUTLINE_RED];
           this.pendingConfirm = null;
           return;
         }
@@ -358,19 +369,15 @@ export class StructureIconsLayer implements Layer {
           }
           if (this.potentialUpgrade) {
             this.potentialUpgrade.iconContainer.filters = [
-              new OutlineFilter({ thickness: 2, color: "rgba(0, 255, 0, 1)" }),
-            ];
-            this.potentialUpgrade.dotContainer.filters = [
-              new OutlineFilter({ thickness: 2, color: "rgba(0, 255, 0, 1)" }),
+              FILTER_OUTLINE_GREEN,
             ];
+            this.potentialUpgrade.dotContainer.filters = [FILTER_OUTLINE_GREEN];
           }
           // No overlapping when a structure is upgradable
           this.uiState.overlappingRailroads = [];
           this.uiState.ghostRailPaths = [];
         } else if (unit.canBuild === false) {
-          this.ghostUnit.container.filters = [
-            new OutlineFilter({ thickness: 2, color: "rgba(255, 0, 0, 1)" }),
-          ];
+          this.ghostUnit.container.filters = [FILTER_OUTLINE_RED];
           this.uiState.overlappingRailroads = [];
           this.uiState.ghostRailPaths = [];
         } else {
@@ -684,12 +691,8 @@ export class StructureIconsLayer implements Layer {
       render.iconContainer.alpha = structureInfos.visible ? 1 : 0.3;
       render.dotContainer.alpha = structureInfos.visible ? 1 : 0.3;
       if (structureInfos.visible && this.hasHiddenStructure) {
-        render.iconContainer.filters = [
-          new OutlineFilter({ thickness: 2, color: "rgb(255, 255, 255)" }),
-        ];
-        render.dotContainer.filters = [
-          new OutlineFilter({ thickness: 2, color: "rgb(255, 255, 255)" }),
-        ];
+        render.iconContainer.filters = [FILTER_OUTLINE_WHITE];
+        render.dotContainer.filters = [FILTER_OUTLINE_WHITE];
       } else {
         render.iconContainer.filters = [];
         render.dotContainer.filters = [];