diff --git a/src/components/Feed/FeedComments.jsx b/src/components/Feed/FeedComments.jsx
index 5e5e5879a..61fad4390 100644
--- a/src/components/Feed/FeedComments.jsx
+++ b/src/components/Feed/FeedComments.jsx
@@ -177,10 +177,13 @@ class FeedComments extends React.Component {
 
   render() {
     const {
-      comments, currentUser, onLoadMoreComments, isLoadingComments, hasMoreComments, onAddNewComment,
+      currentUser, onLoadMoreComments, isLoadingComments, hasMoreComments, onAddNewComment,
       onNewCommentChange, error, avatarUrl, isAddingComment, allowComments, onSaveMessage, onDeleteMessage, allMembers,
       totalComments, isFullScreen, headerHeight, projectMembers
     } = this.props
+    let { comments } = this.props
+    comments = _.sortBy(comments, 'createdBy')
+    comments = comments.reverse()
     const { isNewCommentMobileOpen, stickyRowNext, stickyRowPrev } = this.state
     let authorName = currentUser.firstName
     if (authorName && currentUser.lastName) {
@@ -370,6 +373,7 @@ class FeedComments extends React.Component {
           {(matches) => (matches ? (
             <div>
               <div styleName="comments">
+                {commentRows}
                 {hasMoreComments &&
                   <div styleName="load-more" key="load-more">
                     <a href="javascript:" onClick={ handleLoadMoreClick } styleName="load-btn">
@@ -377,7 +381,6 @@ class FeedComments extends React.Component {
                     </a>
                   </div>
                 }
-                {commentRows}
               </div>
               {allowComments &&
                 <div styleName="add-comment" key="add-comment">