fix UI jerk on updating message preview

css/base.css

@@ -835,7 +835,7 @@ i.search {
   display: flex;
   position: relative;
   padding: 0.35rem 0.25rem 0.5rem 0.35rem;
-  min-height: 3.5rem;
+  min-height: 3.75rem;
   flex-grow: 0;
   flex-shrink: 0;
   /* partial bottom border */

src/widgets/contact.jsx

@@ -61,8 +61,7 @@ export default class Contact extends React.Component {
       this.props.comment;
 
     return (
-      <li className={!this.props.showCheckmark && this.props.selected ? "selected" : null}
+      <li className={!this.props.showCheckmark && this.props.selected ? "selected" : null} onClick={this.handleClick}>
-        onClick={this.handleClick}>
         <div className="avatar-box">
           <LetterTile
             avatar={avatar}
@@ -78,7 +77,7 @@ export default class Contact extends React.Component {
             {this.props.isChannel ? <img src="/img/channel.png" className="channel" alt="channel" /> : null}
             <UnreadBadge count={this.props.unread} /><ContactBadges badges={icon_badges} />
           </div>
-          {subtitle ? <div className="contact-comment">{subtitle}</div> : null}
+          <div className="contact-comment">{subtitle || '\u00A0'}</div>
           <span><ContactBadges badges={badges} /></span>
         </div>
         {this.props.showContextMenu ?

umd/index.dev.js

@@ -7410,9 +7410,9 @@ class Contact extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component) {
       count: this.props.unread
     }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contact_badges_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
       badges: icon_badges
-    })), subtitle ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    })), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: "contact-comment"
-    }, subtitle) : null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contact_badges_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
+    }, subtitle || '\u00A0'), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contact_badges_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
       badges: badges
     }))), this.props.showContextMenu ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
       className: "menuTrigger"