diff --git a/src/components/video/video-list-item.tsx b/src/components/video/video-list-item.tsx
index 1f09d20..a1130d2 100644
--- a/src/components/video/video-list-item.tsx
+++ b/src/components/video/video-list-item.tsx
@@ -72,7 +72,7 @@ export const VideoListItem = (
 				<div className="relative">
 					<img className="w-[100px] h-[56px] object-cover" src={video.cover || ImageCover}/>
 					{generating &&
-                        <div className={'absolute rounded inset-0 bg-black/40 text-white flex items-center justify-center'}>
+                        <div className={'absolute rounded inset-0 bg-black/40 backdrop-blur-[1px] text-white flex items-center justify-center'}>
                             <div className="text-center">
                                 <IconGenerating className="inline-block text-xl" />
                                 <div className="text-xs">{t('video.generating')}</div>
@@ -80,7 +80,7 @@ export const VideoListItem = (
                         </div>
 					}
 					{failed &&
-                        <div className={'absolute rounded inset-0 bg-black/40 text-white flex items-center justify-center'}>
+                        <div className={'absolute rounded inset-0 bg-black/40  backdrop-blur-[1px] text-white flex items-center justify-center'}>
                             <div className="text-center">
                                 <IconGenerateFailed className="inline-block text-xl" />
                                 <div className="text-xs">{t('video.generate_failed')}</div>
@@ -88,7 +88,7 @@ export const VideoListItem = (
                         </div>
 					}
 					{/* && active*/}
-					{!generating && !failed && playing && <div className={'absolute rounded inset-0 bg-black/40 text-white flex items-center justify-center'}>
+					{!generating && !failed && playing && <div className={'absolute rounded inset-0 backdrop-blur-[1px] bg-black/40 text-white flex items-center justify-center'}>
                         <div className="text-center">
                             <IconPlaying className="inline-block text-xl" />
                             <div className="text-xs">{t('video.playing')}</div>