diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/TopUnreadMessagesBar.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/TopUnreadMessagesBar.css
index 1fac3aea16..35f68399da 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/TopUnreadMessagesBar.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/TopUnreadMessagesBar.css
@@ -14,7 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_TopUnreadMessagesBar { 
+.mx_TopUnreadMessagesBar {
+    margin: auto;  /* centre horizontally */
     max-width: 960px;
     padding-top: 5px;
     padding-bottom: 5px;