PLT-199: Add scroll bar to center channel

1 files changed, 3 insertions, 1 deletions

diff --git a/web/react/components/posts_view.jsx b/web/react/components/posts_view.jsx
index 5e374b877..9aa1a45b5 100644
--- a/web/react/components/posts_view.jsx
+++ b/web/react/components/posts_view.jsx
@@ -240,6 +240,7 @@ export default class PostsView extends React.Component {
             this.updateScrolling();
         }
         window.addEventListener('resize', this.handleResize);
+        $(this.refs.postlist).perfectScrollbar();
     }
     componentWillUnmount() {
         window.removeEventListener('resize', this.handleResize);
@@ -248,6 +249,7 @@ export default class PostsView extends React.Component {
         if (this.props.postList != null) {
             this.updateScrolling();
         }
+        $(this.refs.postlist).perfectScrollbar('update');
     }
     shouldComponentUpdate(nextProps) {
         if (this.props.isActive !== nextProps.isActive) {
@@ -326,7 +328,7 @@ export default class PostsView extends React.Component {
         return (
             <div
                 ref='postlist'
-                className={'post-list-holder-by-time ' + activeClass}
+                className={'ps-container post-list-holder-by-time ' + activeClass}
                 onScroll={this.handleScroll}
             >
                 <div className='post-list__table'>