From aba4dbe8f2390042365def232ab4fe0af48d88af Mon Sep 17 00:00:00 2001
From: yoution <zhuyan207@gmail.com>
Date: Thu, 8 Jul 2021 20:58:52 +0800
Subject: [PATCH] fix: issue #4399

---
 src/components/TeamManagement/MemberItem.jsx  | 3 ++-
 src/components/TeamManagement/MemberItem.scss | 8 +++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/TeamManagement/MemberItem.jsx b/src/components/TeamManagement/MemberItem.jsx
index ab77c372a..978b63699 100644
--- a/src/components/TeamManagement/MemberItem.jsx
+++ b/src/components/TeamManagement/MemberItem.jsx
@@ -5,6 +5,7 @@ require('moment-timezone')
 import UserTooltip from '../User/UserTooltip'
 import SunIcon from '../../assets/icons/daylight.svg'
 import MoonIcon from '../../assets/icons/moon.svg'
+import FAQIcon from '../../assets/icons/faq.svg'
 import { getFullNameWithFallback } from '../../helpers/tcHelpers'
 import './MemberItem.scss'
 
@@ -64,7 +65,7 @@ const  MemberItem  = (props) => {
   return (
     <div styleName="container">
       <UserTooltip {...props} localTimeInfo={localTimeInfoEl}/>
-      {feedback && <a styleName="feed-back" href={feedback} target="_blank">Feed Back</a>}
+      {feedback && <span styleName="feed-back"> <a href={feedback} target="_blank"><FAQIcon/></a></span>}
       <div styleName="member-detail">
         <div styleName="member-name">{showEmailOnly? email :userFullName}</div>
         {localWhStart && localWhEnd && <div styleName="wk-hour">WH: {localWhStart} - {localWhEnd} {localTimeOffsetFormat}</div>}
diff --git a/src/components/TeamManagement/MemberItem.scss b/src/components/TeamManagement/MemberItem.scss
index 609ca8fc1..70e9e3551 100644
--- a/src/components/TeamManagement/MemberItem.scss
+++ b/src/components/TeamManagement/MemberItem.scss
@@ -22,11 +22,17 @@
 }
 
 .feed-back {
-  color: #0681ff;
   position: absolute;
   font-size: 12px;
   right: 0px;
   top: 4px;
+  display: flex;
+  align-items: center;
+
+  svg {
+    width: 15px;
+    margin-top: -2px;
+  }
 }
 
 .member-detail {