diff --git a/res/css/structures/_RightPanel.pcss b/res/css/structures/_RightPanel.pcss index 55c95c3064..19d512fb65 100644 --- a/res/css/structures/_RightPanel.pcss +++ b/res/css/structures/_RightPanel.pcss @@ -25,6 +25,7 @@ limitations under the License. box-sizing: border-box; height: 100%; contain: strict; + background-color: var(--cpd-color-bg-canvas-default); .mx_RoomView_MessageList { padding: 14px 18px; /* top and bottom is 4px smaller to balance with the padding set above */ diff --git a/res/css/views/rooms/_RoomHeader.pcss b/res/css/views/rooms/_RoomHeader.pcss index a1ee36f33c..d0aaf39c4a 100644 --- a/res/css/views/rooms/_RoomHeader.pcss +++ b/res/css/views/rooms/_RoomHeader.pcss @@ -83,8 +83,19 @@ limitations under the License. cursor: pointer; user-select: none; + /* RoomAvatar doesn't pass classes down to avatar + So set style here + using div because compound classes are not stable */ + > div { + flex-shrink: 0; + } + &:hover { color: $primary-content; background: var(--cpd-color-bg-subtle-primary); } } + +.mx_RoomHeader .mx_BaseAvatar { + flex-shrink: 0; +}