diff --git a/resources/js/img-preload.ext.js b/resources/js/img-preload.ext.js
index 8e3b8e2..d88c5aa 100644
--- a/resources/js/img-preload.ext.js
+++ b/resources/js/img-preload.ext.js
@@ -4,7 +4,12 @@ console.log("module loaded");
 
 htmx.defineExtension('img-preload', {
     onEvent: (name, event) => {
-        if ((event?.target?.getAttribute("hx-ext") ?? "") !== "img-preload") {
+        if (
+            (
+                event?.target?.getAttribute("hx-ext") ??
+                event?.target?.getAttribute("data-hx-ext" ?? "")
+            ) !== "img-preload"
+        ) {
             return;
         }
 
diff --git a/view/fragments/mob.php b/view/fragments/mob.php
index 63a47b7..c3d605d 100644
--- a/view/fragments/mob.php
+++ b/view/fragments/mob.php
@@ -10,7 +10,7 @@
         <input type="hidden" name="csrfToken" value="<?= $csrfToken ?>">
         <h2><?= $mob["name"]; ?></h2>
         <img alt="<?= $mob["name"]; ?>" src="/images/mobs/<?= $mob["image"] ?? "_placeholder.png"; ?>">
-        <script>document.getElementById("form-<?= $side ?>").style.cursor = "pointer";</script>
+        <script>setTimeout(() => { document.getElementById("form-<?= $side ?>").style.cursor = "pointer"; }, 1);</script>
         <noscript><input class="fallback" type="submit" value="<?= $mob["name"]; ?>"></noscript>
     </form>
 </div>