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;
     }
 }