diff --git a/ui/core/components/individual_sim_ui/consumes_picker.ts b/ui/core/components/individual_sim_ui/consumes_picker.ts
index 6b960a358..c0104dc9f 100644
--- a/ui/core/components/individual_sim_ui/consumes_picker.ts
+++ b/ui/core/components/individual_sim_ui/consumes_picker.ts
@@ -46,10 +46,7 @@ export class ConsumesPicker extends Component {
 		const potionsOptions = ConsumablesInputs.makePotionsInput(relevantStatOptions(ConsumablesInputs.POTIONS_CONFIG, this.simUI), 'Potions');
 		const conjuredOptions = ConsumablesInputs.makeConjuredInput(relevantStatOptions(ConsumablesInputs.CONJURED_CONFIG, this.simUI));
 
-		const pickers = [
-			buildIconInput(potionsElem, this.simUI.player, potionsOptions),
-			buildIconInput(potionsElem, this.simUI.player, conjuredOptions),
-		];
+		const pickers = [buildIconInput(potionsElem, this.simUI.player, potionsOptions), buildIconInput(potionsElem, this.simUI.player, conjuredOptions)];
 
 		TypedEvent.onAny([this.simUI.player.professionChangeEmitter]).on(() => this.updateRow(row, pickers));
 		this.updateRow(row, pickers);
@@ -95,7 +92,7 @@ export class ConsumesPicker extends Component {
 
 		const pickers = [buildIconInput(imbuesElem, this.simUI.player, mhImbueOptions), buildIconInput(imbuesElem, this.simUI.player, ohImbueOptions)];
 
-		TypedEvent.onAny([this.simUI.player.gearChangeEmitter]).on(() => this.updateRow(row, pickers));
+		TypedEvent.onAny([this.simUI.player.gearChangeEmitter, this.simUI.player.raceChangeEmitter]).on(() => this.updateRow(row, pickers));
 		this.updateRow(row, pickers);
 	}
 
diff --git a/ui/core/components/inputs/consumables.ts b/ui/core/components/inputs/consumables.ts
index e820597d3..98499193e 100644
--- a/ui/core/components/inputs/consumables.ts
+++ b/ui/core/components/inputs/consumables.ts
@@ -76,7 +76,8 @@ function makeConsumeInputFactory<T extends number>(
 			),
 			equals: (a: T, b: T) => a == b,
 			zeroValue: 0 as T,
-			changedEvent: (player: Player<any>) => TypedEvent.onAny([player.consumesChangeEmitter, player.gearChangeEmitter, player.professionChangeEmitter]),
+			changedEvent: (player: Player<any>) =>
+				TypedEvent.onAny([player.consumesChangeEmitter, player.gearChangeEmitter, player.professionChangeEmitter, player.raceChangeEmitter]),
 			showWhen: (player: Player<any>) => !args.showWhen || args.showWhen(player),
 			getValue: (player: Player<any>) => player.getConsumes()[args.consumesFieldName] as T,
 			setValue: (eventID: EventID, player: Player<any>, newValue: number) => {
diff --git a/ui/core/player.ts b/ui/core/player.ts
index e7fce4fc3..d79f74d43 100644
--- a/ui/core/player.ts
+++ b/ui/core/player.ts
@@ -1157,8 +1157,8 @@ export class Player<SpecType extends Spec> {
 			}
 		}
 
-		for(const zoneName in RaidFilterOption) {
-			const zoneId = parseInt(RaidFilterOption[zoneName])
+		for (const zoneName in RaidFilterOption) {
+			const zoneId = parseInt(RaidFilterOption[zoneName]);
 			if (!filters.sources.includes(SourceFilterOption.SourceRaid) || !filters.raids.includes(zoneId)) {
 				itemData = filterItems(
 					itemData,