diff --git a/frontend/src/components/VideoListItem.tsx b/frontend/src/components/VideoListItem.tsx
index 6876ed45..be0d45a8 100644
--- a/frontend/src/components/VideoListItem.tsx
+++ b/frontend/src/components/VideoListItem.tsx
@@ -45,10 +45,14 @@ const VideoListItem = ({
       >
         <div className={`video-thumb-wrap ${viewLayout}`}>
           <div className="video-thumb">
-            <picture>
-              <img src={`${getApiUrl()}${video.vid_thumb_url}`} alt="video-thumb" />
-              <source srcSet={defaultVideoThumb} />
-            </picture>
+            <img
+              src={`${getApiUrl()}${video.vid_thumb_url}`}
+              alt="video-thumb"
+              onError={({ currentTarget }) => {
+                currentTarget.onerror = null; // prevents looping
+                currentTarget.src = defaultVideoThumb;
+              }}
+            />
 
             {video.player.progress && (
               <div