diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 3aa1622e05..db62930be2 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -298,13 +298,13 @@ limitations under the License.
     cursor: pointer;
 }
 
-.mx_EventTile_e2eIcon[hidden] {
+.mx_EventTile_e2eIcon.hidden {
     display: none;
 }
 
 /* always override hidden attribute for blocked and warning */
-.mx_EventTile_e2eIcon[hidden][src="img/e2e-blocked.svg"],
-.mx_EventTile_e2eIcon[hidden][src="img/e2e-warning.svg"] {
+.mx_EventTile_e2eIcon.hidden[src="img/e2e-blocked.svg"],
+.mx_EventTile_e2eIcon.hidden[src="img/e2e-warning.svg"] {
     display: block;
 }
 
diff --git a/src/components/views/rooms/EventTile.js b/src/components/views/rooms/EventTile.js
index 565c8b5977..0c85b27162 100644
--- a/src/components/views/rooms/EventTile.js
+++ b/src/components/views/rooms/EventTile.js
@@ -745,7 +745,7 @@ function E2ePadlock(props) {
     if (SettingsStore.getValue("alwaysShowEncryptionIcons")) {
         return <img className="mx_EventTile_e2eIcon" {...props} />;
     } else {
-        return <img className="mx_EventTile_e2eIcon" hidden {...props} />;
+        return <img className="mx_EventTile_e2eIcon hidden" {...props} />;
     }
 }