diff --git a/resources/assets/js/pages/manage/components/UserDetail.vue b/resources/assets/js/pages/manage/components/UserDetail.vue
index bdf659c27..4d06ac3e6 100755
--- a/resources/assets/js/pages/manage/components/UserDetail.vue
+++ b/resources/assets/js/pages/manage/components/UserDetail.vue
@@ -9,7 +9,7 @@
     >
         <div class="user-detail-body">
             <div class="profile-header">
-                <div class="cover-photo"></div>
+                <div class="cover-photo" :style="{ '--user-cover-photo': `url(${userData.userimg || ''})` }"></div>
                 <div class="profile-avatar">
                     <UserAvatar
                         :userid="userData.userid"
diff --git a/resources/assets/sass/pages/components/user-detail.scss b/resources/assets/sass/pages/components/user-detail.scss
index 6c7e334e3..f176942b9 100755
--- a/resources/assets/sass/pages/components/user-detail.scss
+++ b/resources/assets/sass/pages/components/user-detail.scss
@@ -23,16 +23,22 @@
         padding: 0 !important;
         background-color: #ffffff;
         border-radius: 16px;
+        overflow: hidden;
     }
     .user-detail-body {
         .profile-header {
             position: relative;
             height: 180px;
             .cover-photo {
-                background: $primary-color;
                 height: 130px;
                 border-top-left-radius: 16px;
                 border-top-right-radius: 16px;
+                background: $primary-color;
+                background-position: center;
+                background-size: cover;
+                transform: scale(1.5, 1.1);
+                background-image: var(--user-cover-photo, 'none');
+                filter: blur(40px);
             }
             .profile-avatar {
                 position: absolute;