diff --git a/src/core/client/stream/components/Comment.tsx b/src/core/client/stream/components/Comment.tsx index f293a0fe0..bd22c4ffc 100644 --- a/src/core/client/stream/components/Comment.tsx +++ b/src/core/client/stream/components/Comment.tsx @@ -21,7 +21,7 @@ const Comment: StatelessComponent = props => { [styles.gutterBottom]: props.gutterBottom, }); return ( -
+
{props.author && {props.author.username}}
diff --git a/src/core/client/stream/components/ReplyList.tsx b/src/core/client/stream/components/ReplyList.tsx index 61ec5c314..c712c4124 100644 --- a/src/core/client/stream/components/ReplyList.tsx +++ b/src/core/client/stream/components/ReplyList.tsx @@ -17,21 +17,24 @@ export interface ReplyListProps { const ReplyList: StatelessComponent = props => { return ( - {props.comments.map(comment => ( - - ))} - {props.hasMore && ( - - )} +
+ {props.comments.map(comment => ( + + ))} + {props.hasMore && ( + + )} +
); }; diff --git a/src/core/client/stream/components/Stream.tsx b/src/core/client/stream/components/Stream.tsx index e57fe5772..e1dc28231 100644 --- a/src/core/client/stream/components/Stream.tsx +++ b/src/core/client/stream/components/Stream.tsx @@ -26,24 +26,27 @@ const Stream: StatelessComponent = props => {
- {props.comments.map(comment => ( -
- - -
- ))} - {props.hasMore && ( - - )} +
+ {props.comments.map(comment => ( +
+ + +
+ ))} + {props.hasMore && ( + + )} +
); };