diff --git a/packages/ui/src/makerkit/image-uploader.tsx b/packages/ui/src/makerkit/image-uploader.tsx
index 3e619fadc..84b8046fc 100644
--- a/packages/ui/src/makerkit/image-uploader.tsx
+++ b/packages/ui/src/makerkit/image-uploader.tsx
@@ -2,8 +2,6 @@
 
 import { useCallback, useEffect, useState } from 'react';
 
-import Image from 'next/image';
-
 import { Image as ImageIcon } from 'lucide-react';
 import { useForm } from 'react-hook-form';
 
@@ -72,8 +70,9 @@ export function ImageUploader(
   return (
     <div className={'flex items-center space-x-4'}>
       <label className={'animate-in fade-in zoom-in-50 relative h-20 w-20'}>
-        <Image
-          fill
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <img
+          decoding="async"
           className={'h-20 w-20 rounded-full object-cover'}
           src={image}
           alt={''}