diff --git a/res/css/views/messages/_common_CryptoEvent.scss b/res/css/views/messages/_common_CryptoEvent.scss
index c3d6431b24..09c78ae5b4 100644
--- a/res/css/views/messages/_common_CryptoEvent.scss
+++ b/res/css/views/messages/_common_CryptoEvent.scss
@@ -18,6 +18,7 @@ limitations under the License.
     display: grid;
     grid-template-columns: 24px minmax(0, 1fr) min-content;
 
+    &.mx_cryptoEvent_icon::before,
     &.mx_cryptoEvent_icon::after {
         grid-column: 1;
         grid-row: 1 / 3;
@@ -36,12 +37,23 @@ limitations under the License.
         margin-top: 4px;
     }
 
+    // white infill for the transparency
+    &.mx_cryptoEvent_icon::before {
+        background-color: #ffffff;
+        mask-image: url('$(res)/img/e2e/normal.svg');
+        mask-repeat: no-repeat;
+        mask-position: center;
+        mask-size: 90%;
+    }
+
     &.mx_cryptoEvent_icon_verified::after {
-        background-image: url("$(res)/img/e2e/verified.svg");
+        mask-image: url("$(res)/img/e2e/verified.svg");
+        background-color: $accent-color;
     }
 
     &.mx_cryptoEvent_icon_warning::after {
-        background-image: url("$(res)/img/e2e/warning.svg");
+        mask-image: url("$(res)/img/e2e/warning.svg");
+        background-color: $notice-primary-color;
     }
 
     .mx_cryptoEvent_title, .mx_cryptoEvent_subtitle, .mx_cryptoEvent_state {