From afed2bafb198c3cdcbc0e32b67b4a8e4e9c24ecb Mon Sep 17 00:00:00 2001
From: Germain <germains@element.io>
Date: Thu, 13 Jul 2023 08:38:41 +0100
Subject: [PATCH] Fix event info events size and color

---
 res/css/views/messages/_RoomAvatarEvent.pcss      | 5 -----
 res/css/views/rooms/_EventTile.pcss               | 5 +++++
 src/components/views/messages/RoomAvatarEvent.tsx | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/res/css/views/messages/_RoomAvatarEvent.pcss b/res/css/views/messages/_RoomAvatarEvent.pcss
index 3db18c1d102..844c3654490 100644
--- a/res/css/views/messages/_RoomAvatarEvent.pcss
+++ b/res/css/views/messages/_RoomAvatarEvent.pcss
@@ -14,11 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_RoomAvatarEvent {
-    opacity: 0.5;
-    overflow-y: hidden;
-}
-
 .mx_RoomAvatarEvent_avatar {
     display: inline;
     position: relative;
diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss
index c69725c9a64..d426a6b0c5b 100644
--- a/res/css/views/rooms/_EventTile.pcss
+++ b/res/css/views/rooms/_EventTile.pcss
@@ -31,6 +31,11 @@ $left-gutter: 64px;
     padding-top: 18px;
     position: relative;
 
+    &.mx_EventTile_info {
+        font-size: var(--cpd-font-size-body-sm);
+        color: $secondary-content;
+    }
+
     .mx_EventTile_avatar {
         cursor: pointer;
         user-select: none;
diff --git a/src/components/views/messages/RoomAvatarEvent.tsx b/src/components/views/messages/RoomAvatarEvent.tsx
index 14bebf563b1..777e672ddbb 100644
--- a/src/components/views/messages/RoomAvatarEvent.tsx
+++ b/src/components/views/messages/RoomAvatarEvent.tsx
@@ -71,7 +71,7 @@ export default class RoomAvatarEvent extends React.Component<IProps> {
         };
 
         return (
-            <div className="mx_RoomAvatarEvent">
+            <>
                 {_t(
                     "%(senderDisplayName)s changed the room avatar to <img/>",
                     { senderDisplayName: senderDisplayName },
@@ -87,7 +87,7 @@ export default class RoomAvatarEvent extends React.Component<IProps> {
                         ),
                     },
                 )}
-            </div>
+            </>
         );
     }
 }