saleor#617 Fix ImageExpand (saleor#645)

Co-authored-by: Endo <[email protected]>

Author: typeofweb

apps/storefront/components/product/ImageExpand.tsx

@@ -15,19 +15,13 @@ export function ImageExpand({ image, onRemoveExpand }: ImageExpandProps) {
 
   return (
     <div className="min-h-screen absolute overflow-hidden grid grid-cols-1 mx-auto px-8 md:h-full w-full bg-gray-100">
-      <div
-        role="button"
-        tabIndex={0}
-        className="absolute grid h-6 justify-end w-full z-40 p-8 lg:px-8 mx-auto"
-        onClick={() => onRemoveExpand()}
-        onKeyDown={(e) => {
-          if (e.key === "Enter") {
-            onRemoveExpand();
-          }
-        }}
+      <button
+        className="absolute grid content-center justify-center right-0 p-8 h-6 w-6 z-40 mt-18"
+        aria-label="Close"
+        onClick={onRemoveExpand}
       >
         <XIcon className="w-6 h-6" />
-      </div>
+      </button>
       <div className="w-full h-full absolute md:mt-10">
         <Image src={image.url} alt={image.alt} layout="fill" objectFit="scale-down" />
       </div>