diff --git a/frontend/src/pages/ShopPage.tsx b/frontend/src/pages/ShopPage.tsx
index 93342dc..51473d7 100644
--- a/frontend/src/pages/ShopPage.tsx
+++ b/frontend/src/pages/ShopPage.tsx
@@ -30,6 +30,7 @@ interface ShopItem {
   rarity: string;
   attackBonus: number;
   defenseBonus: number;
+  forceBonus: number;
   buyPrice: number;
   minLevel: number;
   zone: string | null;
@@ -58,8 +59,8 @@ function ShopItemCard({ item, onBuy, buying }: { item: ShopItem; onBuy: () => vo
           <div style={{ display: 'flex', gap: 12, fontSize: 11, color: '#6b7a99' }}>
             {item.attackBonus > 0 && <span style={{ display: 'flex', alignItems: 'center', gap: 3 }}><Sword size={10} color="#f4c94e" /> +{item.attackBonus} ATK</span>}
             {item.defenseBonus > 0 && <span style={{ display: 'flex', alignItems: 'center', gap: 3 }}><Shield size={10} color="#5ba4f5" /> +{item.defenseBonus} DEF</span>}
-            {item.type === 'consumable' && (item as any).forceBonus > 0
-              ? <span style={{ display: 'flex', alignItems: 'center', gap: 3 }}><Zap size={10} color="#5ba4f5" /> +{(item as any).forceBonus} endurance</span>
+            {item.type === 'consumable' && item.forceBonus > 0
+              ? <span style={{ display: 'flex', alignItems: 'center', gap: 3 }}><Zap size={10} color="#5ba4f5" /> +{item.forceBonus} endurance</span>
               : item.type === 'consumable' && <span style={{ display: 'flex', alignItems: 'center', gap: 3 }}><Heart size={10} color="#e84040" /> +50% PV</span>
             }
             {item.minLevel > 1 && <span>Niv. {item.minLevel}+</span>}