diff --git a/res/css/structures/_RoomView.scss b/res/css/structures/_RoomView.scss
index 50d412ad58..8e47fe7509 100644
--- a/res/css/structures/_RoomView.scss
+++ b/res/css/structures/_RoomView.scss
@@ -221,6 +221,7 @@ hr.mx_RoomView_myReadMarker {
     position: relative;
     top: -1px;
     z-index: 1;
+    transition: width 1s easeInSine;
 }
 
 .mx_RoomView_callStatusBar .mx_UploadBar_uploadProgressInner {
diff --git a/src/components/structures/MessagePanel.js b/src/components/structures/MessagePanel.js
index 3781dd0ce7..bd5630ab12 100644
--- a/src/components/structures/MessagePanel.js
+++ b/src/components/structures/MessagePanel.js
@@ -38,7 +38,7 @@ const isMembershipChange = (e) => e.getType() === 'm.room.member' || e.getType()
 /* (almost) stateless UI component which builds the event tiles in the room timeline.
  */
 export default class MessagePanel extends React.Component {
-    propTypes = {
+    static propTypes = {
         // true to give the component a 'display: none' style.
         hidden: PropTypes.bool,