Merge pull request #4404 from yoution/issue-4399

fix: issue #4399

Author: vikasrohit

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>}

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 {