diff --git a/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png b/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png
index 95204eb281d62..6b9f594ab179a 100644
Binary files a/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png and b/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-settings--settings-user--light.png b/frontend/__snapshots__/scenes-other-settings--settings-user--light.png
index 3c87296382dea..5110ee4a39e22 100644
Binary files a/frontend/__snapshots__/scenes-other-settings--settings-user--light.png and b/frontend/__snapshots__/scenes-other-settings--settings-user--light.png differ
diff --git a/frontend/src/lib/components/HedgehogBuddy/HedgehogBuddyRender.tsx b/frontend/src/lib/components/HedgehogBuddy/HedgehogBuddyRender.tsx
index 337dc6744b1bf..fc12a1396a342 100644
--- a/frontend/src/lib/components/HedgehogBuddy/HedgehogBuddyRender.tsx
+++ b/frontend/src/lib/components/HedgehogBuddy/HedgehogBuddyRender.tsx
@@ -62,11 +62,9 @@ export function HedgehogBuddyStatic({
             onClick={waveOnAppearance ? () => setAnimationIteration((x) => x + 1) : undefined}
         >
             <div
-                className="object-cover absolute inset-0 image-pixelated"
+                className="object-cover absolute inset-0 image-pixelated size-[400%] bg-cover"
                 // eslint-disable-next-line react/forbid-dom-props
                 style={{
-                    width: '400%',
-                    height: '400%',
                     filter: filter as any,
                     backgroundImage: `url(${baseSpritePath()}/wave.png)`,
                     backgroundPosition: `-${((animationFrameRef.current - 1) % X_FRAMES) * SPRITE_SIZE}px -${