diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx
index 4c7d0acf8..eb410f7ab 100644
--- a/web/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web/src/components/player/PreviewThumbnailPlayer.tsx
@@ -124,7 +124,7 @@ export default function PreviewThumbnailPlayer({
           {!imgLoaded && (
             <Skeleton className={`absolute inset-0 w-full h-full`} />
           )}
-          <div className={`${imgLoaded ? "vislble" : "invisible"}`}>
+          <div className={`${imgLoaded ? "visible" : "invisible"}`}>
             <img
               className={`w-full h-full transition-opacity ${
                 playingBack ? "opacity-0" : "opacity-100"