diff --git a/src/app/components/player/skin-part-image.tsx b/src/app/components/player/skin-part-image.tsx
index 2726156..b1b2772 100644
--- a/src/app/components/player/skin-part-image.tsx
+++ b/src/app/components/player/skin-part-image.tsx
@@ -45,7 +45,14 @@ export function SkinPartImage({ playerName, part, url, size = 64 }: SkinPartImag
       <TooltipTrigger>
         <Dialog>
           <DialogTrigger asChild>
-            <img className={`h-[${size}px]`} src={url} alt={`The player's ${part}`} loading="lazy" />
+            <img
+              src={url}
+              alt={`The player's ${part}`}
+              loading="lazy"
+              style={{
+                height: `${size}px`,
+              }}
+            />
           </DialogTrigger>
           <DialogContent className="w-fit min-w-72 h-fit">
             <DialogHeader>