From c011fb7475285a4c8c11c14cff94371a27f34f47 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Wed, 2 Feb 2022 09:22:27 +0000
Subject: [PATCH] Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader
 (#7697)

---
 res/css/views/avatars/_DecoratedRoomAvatar.scss | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/res/css/views/avatars/_DecoratedRoomAvatar.scss b/res/css/views/avatars/_DecoratedRoomAvatar.scss
index b93e2d602d..b912302f38 100644
--- a/res/css/views/avatars/_DecoratedRoomAvatar.scss
+++ b/res/css/views/avatars/_DecoratedRoomAvatar.scss
@@ -27,18 +27,19 @@ limitations under the License.
 
     .mx_DecoratedRoomAvatar_icon {
         position: absolute;
-        bottom: -2px;
-        right: -2px;
-        margin: 4px;
-        width: 8px;
-        height: 8px;
+        // the following percentage based sizings are to match the scalable svg mask for the cutout
+        bottom: -6.25%;
+        right: -6.25%;
+        margin: 12.5%;
+        width: 25%;
+        height: 25%;
         border-radius: 50%;
     }
 
     .mx_DecoratedRoomAvatar_icon::before {
         content: '';
-        width: 8px;
-        height: 8px;
+        width: 100%;
+        height: 100%;
         right: 0;
         position: absolute;
         border-radius: 8px;