diff --git a/client/src/assets/images/treelist/no-image-available.jpg b/client/src/assets/images/treelist/no-image-available.jpg
new file mode 100644
index 00000000..25f6305f
Binary files /dev/null and b/client/src/assets/images/treelist/no-image-available.jpg differ
diff --git a/client/src/pages/Tree/TreeImage.js b/client/src/pages/Tree/TreeImage.js
index 36bc5e92..318d55a1 100644
--- a/client/src/pages/Tree/TreeImage.js
+++ b/client/src/pages/Tree/TreeImage.js
@@ -3,6 +3,7 @@ import React, { useEffect, useState } from 'react';
 import treeImages from '@/data/dist/treeImages.json';
 
 const placeholderPath = './../assets/images/treelist/placeholder.svg';
+const noImageAvailablePath = '../assets/images/treelist/no-image-available.jpg';
 
 export const ImageLoad = React.memo(
   ({ src, placeholder = placeholderPath, alt = '' }) => {
@@ -19,6 +20,12 @@ export const ImageLoad = React.memo(
         setLoading(false);
         updateSrc(src);
       };
+
+      imageToLoad.onerror = () => {
+        // When image fails to load the image src is set to a default path
+        setLoading(false);
+        updateSrc(noImageAvailablePath);
+      };
     }, [src]);
 
     return (