From 0470d65d0c8ca693a1a0b84b175d613cdaf1c886 Mon Sep 17 00:00:00 2001
From: Michael Matloka <dev@twixes.com>
Date: Mon, 30 Sep 2024 18:02:47 +0200
Subject: [PATCH] fix(hedgehog-mode): Make Max crisp again (#25284)

---
 frontend/src/lib/components/HedgehogBuddy/HedgehogBuddy.tsx | 6 +++---
 frontend/src/styles/utilities.scss                          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/HedgehogBuddy/HedgehogBuddy.tsx b/frontend/src/lib/components/HedgehogBuddy/HedgehogBuddy.tsx
index cb1da245771f0..c9fb0932a05d7 100644
--- a/frontend/src/lib/components/HedgehogBuddy/HedgehogBuddy.tsx
+++ b/frontend/src/lib/components/HedgehogBuddy/HedgehogBuddy.tsx
@@ -803,7 +803,7 @@ export class HedgehogActor {
                     >
                         {this.mainAnimation ? (
                             <div
-                                className="image-rendering-pixelated"
+                                className="rendering-pixelated"
                                 // eslint-disable-next-line react/forbid-dom-props
                                 style={{
                                     width: SPRITE_SIZE,
@@ -824,7 +824,7 @@ export class HedgehogActor {
 
                         {this.accessories().map((accessory, index) => (
                             <div
-                                className={`absolute top-0 left-0 w-[${SPRITE_SIZE}px] h-[${SPRITE_SIZE}px] image-rendering-pixelated`}
+                                className={`absolute top-0 left-0 w-[${SPRITE_SIZE}px] h-[${SPRITE_SIZE}px] rendering-pixelated`}
                                 key={index}
                                 // eslint-disable-next-line react/forbid-dom-props
                                 style={{
@@ -838,7 +838,7 @@ export class HedgehogActor {
                         ))}
                         {this.overlayAnimation ? (
                             <div
-                                className={`absolute top-0 left-0 w-[${SPRITE_SIZE}px] h-[${SPRITE_SIZE}px] image-rendering-pixelated`}
+                                className={`absolute top-0 left-0 w-[${SPRITE_SIZE}px] h-[${SPRITE_SIZE}px] rendering-pixelated`}
                                 // eslint-disable-next-line react/forbid-dom-props
                                 style={{
                                     backgroundImage: `url(${spriteOverlayUrl(this.overlayAnimation.spriteInfo.img)})`,
diff --git a/frontend/src/styles/utilities.scss b/frontend/src/styles/utilities.scss
index a1ffc2efb3af8..cd1e6db10cc5c 100644
--- a/frontend/src/styles/utilities.scss
+++ b/frontend/src/styles/utilities.scss
@@ -59,7 +59,7 @@
 
 // Extra utilties that Tailwind doesn't have built in
 @layer utilities {
-    .image-pixelated {
+    .rendering-pixelated {
         image-rendering: pixelated;
     }
 }