diff --git a/components/photography/ImagesList.jsx b/components/photography/ImagesList.jsx
index 6171fa9c4..973c1af8e 100644
--- a/components/photography/ImagesList.jsx
+++ b/components/photography/ImagesList.jsx
@@ -5,6 +5,7 @@ import { BlurPreview } from "@components/elements/BlurImage";
 
 export function ListElement({ title, description, slug, publishedAt, index, preview, count }) {
  const prepared_preview = JSON.parse(preview.replaceAll("'", '"'));
+
  return (
   <Link href={`/photography/${slug}`}>
    <a className="w-full">
@@ -26,7 +27,7 @@ export function ListElement({ title, description, slug, publishedAt, index, prev
        {prepared_preview.map((image, index) => (
         <BlurPreview key={`${index}-image-prev`} image={image} />
        ))}
-       {count - prepared_preview.length > 0 && <p className="z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-[#edeeef] bg-[#edeeef] font-poppins text-xs font-medium text-gray-600 duration-200 group-hover:border-[#f6f6f7] group-hover:bg-[#f0eff0] motion-reduce:transition-none dark:border-[#343c4d] dark:bg-[#2b3342] dark:text-gray-300 dark:group-hover:border-[#4a5367] dark:group-hover:bg-[#343c4d]">+{count - preview.length}</p>}
+       {count - prepared_preview.length > 0 && <p className="z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 border-[#edeeef] bg-[#edeeef] font-poppins text-xs font-medium text-gray-600 duration-200 group-hover:border-[#f6f6f7] group-hover:bg-[#f0eff0] motion-reduce:transition-none dark:border-[#343c4d] dark:bg-[#2b3342] dark:text-gray-300 dark:group-hover:border-[#4a5367] dark:group-hover:bg-[#343c4d]">+{count - prepared_preview.length}</p>}
       </div>
      )}
      <p className="inline-flex text-sm font-semibold text-[#1491ff]">Show more</p>