diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
index 5fa2e93f..4b4cedcd 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
@@ -83,10 +83,14 @@ limitations under the License.
 /* this is used for the tile for the event which is selected via the URL.
  * TODO: ultimately we probably want some transition on here.
  */
-.mx_EventTile_selected {
+.mx_EventTile_selected .mx_EventTile_line {
     border-left: #76cfa6 5px solid;
-    margin-left: 53px;
-    padding-left: 7px;
+    padding-left: 60px;
+    background-color: #f7f7f7;
+}
+
+.mx_EventTile:hover .mx_EventTile_line {
+    background-color: #f7f7f7;
 }
 
 .mx_EventTile_searchHighlight {
@@ -135,10 +139,6 @@ limitations under the License.
     text-decoration: none;
 }
 
-.mx_EventTile:hover .mx_EventTile_line {
-    background-color: #f7f7f7;
-}
-
 .mx_EventTile_last .mx_MessageTimestamp {
     visibility: visible;
 }