UI changes for Direct messages and Bad connection

web/react/components/more_direct_channels.jsx

@@ -50,6 +50,10 @@ export default class MoreDirectChannels extends React.Component {
     handleFilterChange() {
         const filter = ReactDOM.findDOMNode(this.refs.filter).value;
 
+        if ($(window).width() > 768) {
+            $(ReactDOM.findDOMNode(this.refs.userList)).scrollTop(0);
+        }
+
         if (filter !== this.state.filter) {
             this.setState({filter});
         }