diff --git a/src/app/player/[id]/page.tsx b/src/app/player/[id]/page.tsx
index 44c340a..41bb374 100644
--- a/src/app/player/[id]/page.tsx
+++ b/src/app/player/[id]/page.tsx
@@ -57,7 +57,7 @@ export default async function Page({ params }: Params) {
           <div className="flex gap-2 flex-col md:flex-row">
             <div className="flex justify-center md:justify-start">
               <Image
-                className="w-fit h-fit"
+                className="w-[96px] h-[96px]"
                 src={player.skin.parts.head}
                 width={96}
                 height={96}
diff --git a/src/app/server/[platform]/[hostname]/page.tsx b/src/app/server/[platform]/[hostname]/page.tsx
index 5e3d501..034c3f9 100644
--- a/src/app/server/[platform]/[hostname]/page.tsx
+++ b/src/app/server/[platform]/[hostname]/page.tsx
@@ -81,7 +81,7 @@ export default async function Page({ params: { platform, hostname } }: Params) {
           <div className="flex gap-2 flex-col md:flex-row">
             {favicon && (
               <div className="flex justify-center md:justify-start">
-                <Image className="w-fit h-fit" src={favicon} width={96} height={96} alt="The server's favicon" />
+                <Image className="w-[96px] h-[96px]" src={favicon} width={96} height={96} alt="The server's favicon" />
               </div>
             )}