diff --git a/src/pages/home/previews/aliyun_video.tsx b/src/pages/home/previews/aliyun_video.tsx
index ec905b5ddf..764d29dbd2 100644
--- a/src/pages/home/previews/aliyun_video.tsx
+++ b/src/pages/home/previews/aliyun_video.tsx
@@ -214,10 +214,15 @@ const Preview = () => {
           <span
             title={item.name}
             style={{
-              display: "inline-block",
-              "max-width": "15em",
-              "text-overflow": "ellipsis",
+              "max-width": "200px",
               overflow: "hidden",
+              "text-overflow": "ellipsis",
+              "word-break": "break-all",
+              "white-space": "normal",
+              display: "-webkit-box",
+              "-webkit-line-clamp": "2",
+              "-webkit-box-orient": "vertical",
+              "font-size": "12px",
             }}
           >
             {item.name}
diff --git a/src/pages/home/previews/video.tsx b/src/pages/home/previews/video.tsx
index 2aed9568b2..1dfc439be8 100644
--- a/src/pages/home/previews/video.tsx
+++ b/src/pages/home/previews/video.tsx
@@ -203,10 +203,15 @@ const Preview = () => {
           <span
             title={item.name}
             style={{
-              display: "inline-block",
-              "max-width": "15em",
-              "text-overflow": "ellipsis",
+              "max-width": "200px",
               overflow: "hidden",
+              "text-overflow": "ellipsis",
+              "word-break": "break-all",
+              "white-space": "normal",
+              display: "-webkit-box",
+              "-webkit-line-clamp": "2",
+              "-webkit-box-orient": "vertical",
+              "font-size": "12px",
             }}
           >
             {item.name}