load more button is fill width

src/views/studio/modals/user-projects-modal.jsx

@@ -85,7 +85,8 @@ const UserProjectsModal = ({
                             onRemove={onRemove}
                         />
                     ))}
-                    {moreToLoad &&
+                </div>
+                {moreToLoad &&
                     <div className="studio-projects-load-more">
                         <button
                             className={classNames('button', {
@@ -96,8 +97,7 @@ const UserProjectsModal = ({
                             <FormattedMessage id="general.loadMore" />
                         </button>
                     </div>
-                    }
-                </div>
+                }
             </ModalInnerContent>
         </Modal>
     );

src/views/studio/modals/user-projects-modal.scss

@@ -31,6 +31,10 @@
             & { max-height: calc(100vh - 105px); }
         }
     }
+
+    .studio-projects-load-more {
+        display: contents;
+    }
 }
 
 .studio-tile-added {
@@ -70,6 +74,7 @@
 
 .user-projects-modal-grid {
     margin-top: 12px;
+    margin-bottom: 8px;
     display: grid;
 
     grid-template-columns: repeat(3, minmax(0,1fr));
@@ -82,10 +87,6 @@
     column-gap: 14px;
     row-gap: 14px;
 
-    .studio-projects-load-more {
-        grid-column: 1 / -1;
-    }
-
     .studio-project-bottom {
         padding: 8px 10px 8px 10px;
     }