diff --git a/src/client/hud/layers/AttacksDisplay.ts b/src/client/hud/layers/AttacksDisplay.ts
index 04f736d834..9080eabaa8 100644
--- a/src/client/hud/layers/AttacksDisplay.ts
+++ b/src/client/hud/layers/AttacksDisplay.ts
@@ -23,7 +23,7 @@ import {
 } from "../../Transport";
 import { UIState } from "../../UIState";
 import { renderTroops, translateText } from "../../Utils";
-import { getColoredSprite } from "../SpriteLoader";
+import { getColoredSprite, loadAllSprites } from "../SpriteLoader";
 const soldierIcon = assetUrl("images/SoldierIcon.svg");
 const swordIcon = assetUrl("images/SwordIcon.svg");
 
@@ -47,7 +47,11 @@ export class AttacksDisplay extends LitElement implements Controller {
     return this;
   }
 
-  init() {}
+  init() {
+    loadAllSprites().catch((err) =>
+      console.error("Failed to preload attack display sprites:", err),
+    );
+  }
 
   tick() {
     this.active = true;