diff --git a/lua/app/ui/hero/hero_comp.lua b/lua/app/ui/hero/hero_comp.lua
index 7a5c1a99..d4881bd4 100644
--- a/lua/app/ui/hero/hero_comp.lua
+++ b/lua/app/ui/hero/hero_comp.lua
@@ -33,6 +33,13 @@ function HeroComp:init()
 		self.uiMap["hero_ui.formation.hero_4.add"],
 		self.uiMap["hero_ui.formation.hero_5.add"],
 	}
+	self.heroBgSpineObj = {
+		self.uiMap["hero_ui.formation.hero_1.ui_spine_obj"],
+		self.uiMap["hero_ui.formation.hero_2.ui_spine_obj"],
+		self.uiMap["hero_ui.formation.hero_3.ui_spine_obj"],
+		self.uiMap["hero_ui.formation.hero_4.ui_spine_obj"],
+		self.uiMap["hero_ui.formation.hero_5.ui_spine_obj"],
+	}
 	self.heroSpineList = {}
 	self.largeHeroCell = CellManager:addCellComp(self.uiMap["hero_ui.scrollrect.viewport.content.large_hero_cell"], GConst.TYPEOF_LUA_CLASS.LARGE_HERO_CELL)
 	self.content = self.uiMap["hero_ui.scrollrect.viewport.content"]
@@ -51,6 +58,9 @@ function HeroComp:init()
 				end
 			end
 		end)
+		if self.heroBgSpineObj[index] then
+			self.heroBgSpineObj[index]:playAnim("idle", true, false)
+		end
 	end
 end