changed styling on ListItem so it works on notifications menu

src/Components/ActivityListItem.js

@@ -115,15 +115,15 @@ export default function ActivityListItem (props) {
     }, [] )
 
     return (
-        <StyledListItem>
+        <StyledListItem onMenuBar={props.onMenuBar}>
             {
                 !props.onMenuBar &&
                 <>
-                
+
                 <ListItemAvatar>
                     <Avatar alt='user avatar' src={props.avatar ? props.avatar : noAvatar}/>
                 </ListItemAvatar>
-                getNotificationIcon(activity.icon)
+                {getNotificationIcon(activity.icon)}
 
                 </>
             }
@@ -150,7 +150,7 @@ export default function ActivityListItem (props) {
 }
 
 const StyledListItem = styled(ListItem)`
-    padding : 20px 60px !important ;
+    padding : ${props => props.onMenuBar ? "8px 16px !important" : "20px 60px !important"};
     border-bottom : 1px solid #eee;
     display : flex;
     justify-content : flex-start;