diff --git a/src/Components/ActivityListItem.js b/src/Components/ActivityListItem.js
index 24a00b77a9afb3cc534a52925e70a622b06a4ff7..7af740cd4b41cc5cb29d28312a11fbdeb5d696a2 100644
--- a/src/Components/ActivityListItem.js
+++ b/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;