diff --git a/res/css/views/avatars/_BaseAvatar.scss b/res/css/views/avatars/_BaseAvatar.scss
index c1625227ad..16261f000e 100644
--- a/res/css/views/avatars/_BaseAvatar.scss
+++ b/res/css/views/avatars/_BaseAvatar.scss
@@ -29,8 +29,6 @@ limitations under the License.
     user-select: none;
 
     &.mx_RoomAvatar_isSpaceRoom {
-        mask-image: unset !important; // override mx_DecoratedRoomAvatar_cutout
-
         &.mx_BaseAvatar_image, .mx_BaseAvatar_image {
             border-radius: 8px;
         }
diff --git a/src/components/views/rooms/RecentlyViewedButton.tsx b/src/components/views/rooms/RecentlyViewedButton.tsx
index 9fd71d50e2..df1a151119 100644
--- a/src/components/views/rooms/RecentlyViewedButton.tsx
+++ b/src/components/views/rooms/RecentlyViewedButton.tsx
@@ -27,6 +27,7 @@ import { Action } from "../../../dispatcher/actions";
 import DecoratedRoomAvatar from "../avatars/DecoratedRoomAvatar";
 import { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
 import { roomContextDetailsText } from "../../../utils/i18n-helpers";
+import RoomAvatar from "../avatars/RoomAvatar";
 
 const RecentlyViewedButton = () => {
     const tooltipRef = useRef<InteractiveTooltip>();
@@ -50,7 +51,10 @@ const RecentlyViewedButton = () => {
                         tooltipRef.current?.hideTooltip();
                     }}
                 >
-                    <DecoratedRoomAvatar room={crumb} avatarSize={24} tooltipProps={{ tabIndex: -1 }} />
+                    { crumb.isSpaceRoom()
+                        ? <RoomAvatar room={crumb} width={24} height={24} />
+                        : <DecoratedRoomAvatar room={crumb} avatarSize={24} tooltipProps={{ tabIndex: -1 }} />
+                    }
                     <span className="mx_RecentlyViewedButton_entry_label">
                         <div>{ crumb.name }</div>
                         { contextDetails && <div className="mx_RecentlyViewedButton_entry_spaces">