From d372050def50f47d754d764c1fcdabf558f47664 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 23 Aug 2025 14:53:45 +0100
Subject: [PATCH] fix: body overflowing to the right

i probably shouldn't be doing this SEO thing
---
 src/components/mii-list/index.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/mii-list/index.tsx b/src/components/mii-list/index.tsx
index 0681780..bb71de9 100644
--- a/src/components/mii-list/index.tsx
+++ b/src/components/mii-list/index.tsx
@@ -17,6 +17,7 @@ import Carousel from "../carousel";
 import LikeButton from "../like-button";
 import DeleteMiiButton from "../delete-mii";
 import Pagination from "./pagination";
+import Image from "next/image";
 
 interface Props {
 	searchParams: { [key: string]: string | string[] | undefined };
@@ -255,14 +256,14 @@ export default async function MiiList({ searchParams, userId, inLikesPage }: Pro
 						</div>
 
 						{/* Offscreen metadata image for search engines; hidden from users */}
-						{/* eslint-disable-next-line @next/next/no-img-element */}
-						<img
+						<Image
 							src={`/mii/${mii.id}/image?type=metadata`}
 							alt={`${mii.name}, a ${mii.gender ? mii.gender.toLowerCase() : ""} Mii ${mii.tags.length ? ` with tags: ${mii.tags.join(", ")}` : ""}`}
 							loading="lazy"
+							unoptimized
 							width={1}
 							height={1}
-							className="absolute left-[999999]"
+							className="absolute left-[-999999]"
 						/>
 					</div>
 				))}