diff --git a/app/features/object-damage-calculator/routes/object-damage-calculator.module.css b/app/features/object-damage-calculator/routes/object-damage-calculator.module.css
index 375d42aae..f8941153b 100644
--- a/app/features/object-damage-calculator/routes/object-damage-calculator.module.css
+++ b/app/features/object-damage-calculator/routes/object-damage-calculator.module.css
@@ -75,13 +75,13 @@
 	margin-block-start: var(--s-0-5);
 }
 
-.object-damage__receiver-button {
+.receiverButton {
 	all: unset;
 	cursor: pointer;
 	border-radius: var(--rounded);
 }
 
-.object-damage__receiver-button:focus-visible {
+.receiverButton:focus-visible {
 	outline: 2px solid var(--theme);
 	outline-offset: 2px;
 }
diff --git a/app/features/object-damage-calculator/routes/object-damage-calculator.tsx b/app/features/object-damage-calculator/routes/object-damage-calculator.tsx
index 4571d3847..5a9ffc993 100644
--- a/app/features/object-damage-calculator/routes/object-damage-calculator.tsx
+++ b/app/features/object-damage-calculator/routes/object-damage-calculator.tsx
@@ -406,9 +406,9 @@ function DamageReceiversGrid({
 									</Label>
 									<SendouPopover
 										trigger={
-											<Button className="object-damage__receiver-button">
+											<Button className={styles.receiverButton}>
 												<Image
-													className="object-damage__receiver-image"
+													className={styles.receiverImage}
 													alt={translateReceiver(damageToReceiver.receiver)}
 													path={damageReceiverImages[damageToReceiver.receiver]}
 													width={40}