diff --git a/data/resources/application.css b/data/resources/application.css
index 4ea3973..b3e9f42 100644
--- a/data/resources/application.css
+++ b/data/resources/application.css
@@ -46,6 +46,10 @@
     border-bottom: 1px solid alpha(@borders, 0.55);
 }
 
+.polari-room-list .room-list-header.connection-error:hover {
+    background-color: @polari_dark_bg_color;
+}
+
 .polari-room-list .list-row {
     padding-left: 8px;
 }
diff --git a/src/roomList.js b/src/roomList.js
index dfba764..229c724 100644
--- a/src/roomList.js
+++ b/src/roomList.js
@@ -200,6 +200,7 @@ const RoomListHeader = new Lang.Class({
                 child = 'connecting';
         } else if (isError) {
             child = 'error';
+            this.get_style_context().add_class('connection-error');
             switch (this._account.connection_error) {
 
                 case Tp.error_get_dbus_name(Tp.Error.CONNECTION_REFUSED):
