diff --git a/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js b/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js
index 809f79a050..86fae2334f 100644
--- a/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js
+++ b/packages/client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js
@@ -222,14 +222,14 @@ const StyledTile = styled.div`
   .file-checkbox {
     display: ${(props) => (props.checked ? "flex" : "none")};
     flex: 0 0 16px;
-    margin-top: 8px;
+    padding-top: 8px;
     ${(props) =>
       props.theme.interfaceDirection === "rtl"
         ? css`
-            margin-right: ${(props) => (props.isFolder ? "8px" : "7px")};
+            padding-right: ${(props) => (props.isFolder ? "8px" : "7px")};
           `
         : css`
-            margin-left: ${(props) => (props.isFolder ? "8px" : "7px")};
+            padding-left: ${(props) => (props.isFolder ? "8px" : "7px")};
           `}
   }
 
diff --git a/packages/shared/components/room-icon/index.tsx b/packages/shared/components/room-icon/index.tsx
index e2f5032391..e29600be97 100644
--- a/packages/shared/components/room-icon/index.tsx
+++ b/packages/shared/components/room-icon/index.tsx
@@ -31,6 +31,7 @@ import { Base } from "../../themes";
 import { Text } from "../text";
 
 import { IconButton } from "../icon-button";
+import { classNames } from "../../utils";
 
 const StyledIcon = styled.div<{
   size: string;
@@ -199,7 +200,11 @@ const RoomIcon = ({
           <Text className="room-title">{roomTitle}</Text>
         </>
       ) : (
-        <img className={imgClassName} src={imgSrc} alt="room icon" />
+        <img
+          className={classNames([imgClassName, "not-selectable"])}
+          src={imgSrc}
+          alt="room icon"
+        />
       )}
 
       {badgeUrl && (