Fix space lock icon size (#9854)

cypress/e2e/spaces/spaces.spec.ts

@@ -77,8 +77,10 @@ describe("Spaces", () => {
         cy.stopSynapse(synapse);
     });
 
-    it("should allow user to create public space", () => {
+    it.only("should allow user to create public space", () => {
-        openSpaceCreateMenu().within(() => {
+        openSpaceCreateMenu();
+        cy.get("#mx_ContextualMenu_Container").percySnapshotElement("Space create menu");
+        cy.get(".mx_SpaceCreateMenu_wrapper .mx_ContextualMenu").within(() => {
             cy.get(".mx_SpaceCreateMenuType_public").click();
             cy.get('.mx_SpaceBasicSettings_avatarContainer input[type="file"]').selectFile(
                 "cypress/fixtures/riot.png",

res/css/structures/_SpaceRoomView.pcss

@@ -38,9 +38,9 @@ $SpaceRoomViewInnerWidth: 428px;
     &::before {
         position: absolute;
         content: "";
-        width: 32px;
+        width: 24px;
-        height: 32px;
+        height: 24px;
-        top: 24px;
+        top: 27px;
         left: 20px;
         mask-position: center;
         mask-repeat: no-repeat;

res/css/views/dialogs/_JoinRuleDropdown.pcss

@@ -50,8 +50,10 @@ limitations under the License.
     }
 
     .mx_JoinRuleDropdown_invite::before {
+        box-sizing: border-box;
         mask-image: url("$(res)/img/element-icons/lock.svg");
         mask-size: contain;
+        padding: 1px;
     }
 
     .mx_JoinRuleDropdown_public::before {

res/css/views/spaces/_SpaceCreateMenu.pcss

@@ -58,8 +58,10 @@ $spacePanelWidth: 68px;
         .mx_SpaceCreateMenuType_public::before {
             mask-image: url("$(res)/img/globe.svg");
         }
+
         .mx_SpaceCreateMenuType_private::before {
             mask-image: url("$(res)/img/element-icons/lock.svg");
+            mask-size: 18px;
         }
 
         .mx_SpaceCreateMenu_back {