diff --git a/frontend/src/js/fight_scene.ts b/frontend/src/js/fight_scene.ts
index 2bb01d0afbaf6afc819aab8dc7abff2a5eae10c8..dd057835ce7f961f610a52d0b732da9de85fa982 100644
--- a/frontend/src/js/fight_scene.ts
+++ b/frontend/src/js/fight_scene.ts
@@ -176,7 +176,11 @@ export default class FightScene extends Phaser.Scene {
 
   showMissMessage() {
     const message = this.add
-      .sprite(this.cameras.main.width / 2, this.cameras.main.height / 2, "miss")
+      .sprite(
+        this.cameras.main.width / 2,
+        (3 * this.cameras.main.height) / 4,
+        "miss",
+      )
       .setScale(1);
     message.play({ key: "missing", repeat: 1 });
     message.on("animationcomplete", () => {
@@ -187,7 +191,11 @@ export default class FightScene extends Phaser.Scene {
 
   showHitMessage() {
     const message = this.add
-      .sprite(this.cameras.main.width / 2, this.cameras.main.height / 2, "hit")
+      .sprite(
+        this.cameras.main.width / 2,
+        (3 * this.cameras.main.height) / 4,
+        "hit",
+      )
       .setScale(1);
     message.play({ key: "hit", repeat: 1 });
     message.on("animationcomplete", () => {