Flickering of Tooltip of Avatars from the Horizontal Avatar List on Dashboard has been fixed with minimal modular independent changes. (#30)

Author: HITISINHA

src/components/HorizontalAvatarList.js

@@ -30,6 +30,8 @@ const HorizontalAvatarList = ({
                   zIndex: index,
                   border: '3px solid #fff',
                   marginLeft: !isFirstItem && -20,
+                  marginBottom: '20px',
+                  marginTop:'20px'
                 }}
               />
 

src/pages/DashboardPage.js

@@ -348,14 +348,14 @@ class DashboardPage extends React.Component {
         </Row>
 
         <CardDeck style={{ marginBottom: '1rem' }}>
-          <Card body style={{ overflowX: 'auto' }}>
+          <Card body style={{ overflowX: 'auto','paddingBottom':'15px','height': 'fit-content','paddingTop': 'inherit'}}>
             <HorizontalAvatarList
               avatars={avatarsData}
               avatarProps={{ size: 50 }}
             />
           </Card>
 
-          <Card body style={{ overflowX: 'auto' }}>
+          <Card body style={{ overflowX: 'auto','paddingBottom':'15px','height': 'fit-content','paddingTop': 'inherit'}}>
             <HorizontalAvatarList
               avatars={avatarsData}
               avatarProps={{ size: 50 }}