Fix event info events size and color (#11252)

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;

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;

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>
+            </>
         );
     }
 }