transfer ownership selection step uses its own grid

src/views/studio/modals/transfer-ownership-modal.scss

@@ -1,4 +1,5 @@
 @import "../../../colors";
+@import "../../../frameless";
 
 .transfer-ownership-modal {
     .transfer-ownership-title {
@@ -68,6 +69,16 @@
         min-width: 5rem;
     }
 
+    .transfer-ownership-grid {
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0,1fr));
+        @media #{$intermediate-and-smaller} {
+            & { grid-template-columns: repeat(2, minmax(0,1fr)); }
+        }
+        column-gap: 20px;
+        row-gap: 20px;
+    }
+
     .transfer-ownership-tile-selected {
         background: #0EBD8C;
     }

src/views/studio/modals/transfer-ownership-selection.jsx

@@ -29,10 +29,12 @@ const TransferOwnershipSelection = ({
         <ModalInnerContent
                 className="inner"
             >
+                <div>
                     <h3>
                         <FormattedMessage id="studio.transferOwnership.whichManager" />
                     </h3>
-                <div className="studio-members-grid">
+                    </div>
+                <div className="transfer-ownership-grid">
                     {items.map(item =>
                         userId !== item.id && 
                             (<TransferOwnershipTile