diff --git a/src/index.scss b/src/index.scss
index 33b9056..c142987 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -93,6 +93,10 @@ h1 {
   margin-top: 10px;
 }
 
+.ml-14 {
+  margin-left: 14px;
+}
+
 .ml-15 {
   margin-left: 15px;
 }
diff --git a/src/pages/course/compenents/video.module.scss b/src/pages/course/compenents/video.module.scss
index 016e060..faa99a3 100644
--- a/src/pages/course/compenents/video.module.scss
+++ b/src/pages/course/compenents/video.module.scss
@@ -30,12 +30,14 @@
         height: 40px;
         display: flex;
         align-items: center;
-        padding-left: 30px;
         font-size: 14px;
         font-weight: 400;
         color: #ffffff;
         line-height: 24px;
         cursor: pointer;
+        &:hover {
+          opacity: 0.8;
+        }
       }
     }
   }
diff --git a/src/pages/course/compenents/video.tsx b/src/pages/course/compenents/video.tsx
index 2965e51..a7a68ad 100644
--- a/src/pages/course/compenents/video.tsx
+++ b/src/pages/course/compenents/video.tsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import styles from "./video.module.scss";
 import { course } from "../../../api/index";
+import { ArrowLeftOutlined } from "@ant-design/icons";
 
 declare const window: any;
 
@@ -85,7 +86,8 @@ export const VideoModel: React.FC<PropInterface> = ({
                   onCancel();
                 }}
               >
-                返回
+                <ArrowLeftOutlined />
+                <span className="ml-14">返回</span>
               </div>
             </div>
           </div>