diff --git a/src/pages/recycle/components/style.module.scss b/src/pages/recycle/components/style.module.scss
index 85d203b..c5f9364 100644
--- a/src/pages/recycle/components/style.module.scss
+++ b/src/pages/recycle/components/style.module.scss
@@ -4,6 +4,9 @@
   :global {
     .video-bottom {
     }
+    .video-time-info{
+      min-width: 60px;
+    }
   }
 }
 
diff --git a/src/pages/recycle/components/video-item.tsx b/src/pages/recycle/components/video-item.tsx
index 23ed2cd..55b7813 100644
--- a/src/pages/recycle/components/video-item.tsx
+++ b/src/pages/recycle/components/video-item.tsx
@@ -32,7 +32,7 @@ export default function VideoItem(props: VideoItemProps) {
 			className="video-bottom bg-black/30 backdrop-blur-[2px] text-sm absolute inset-x-0 bottom-0 text-white py-2 px-3 items-center flex justify-between">
 			<div className="title cursor-pointer flex-1 text-nowrap overflow-hidden text-ellipsis min-w-0 mr-4"
 			     onClick={() => props.onClick?.(false)}>{props.videoInfo.title}</div>
-			<div className="video-time-info w-[60px] text-right">{timeFromNow(props.videoInfo.d_time)}</div>
+			<div className="video-time-info text-right">{timeFromNow(props.videoInfo.d_time)}</div>
 		</div>
 		<div
 			className={"absolute top-1 left-1 bg-black/50 rounded-3xl text-white px-3 py-0.5"}>{Math.ceil(props.videoInfo.duration / 1000)}s