Index: src/bp-templates/bp-nouveau/buddypress/common/js-templates/invites/index.php
===================================================================
--- src/bp-templates/bp-nouveau/buddypress/common/js-templates/invites/index.php	(revision 12036)
+++ src/bp-templates/bp-nouveau/buddypress/common/js-templates/invites/index.php	(working copy)
@@ -8,16 +8,23 @@
  * @since 3.0.0
  */
 ?>
-<nav class="<?php bp_nouveau_single_item_subnav_classes(); ?>" id="subnav" role="navigation" aria-label="<?php esc_attr_e( 'Group invitations menu', 'buddypress' ); ?>"></nav>
 
 <h2 class="bp-screen-title <?php if ( bp_is_group_create() ) { echo esc_attr( 'creation-step-name' ); } ?>">
 	<?php _e( 'Invite Members', 'buddypress' ); ?>
 </h2>
 
-<div class="subnav-filters group-subnav-filters bp-invites-filters"></div>
-<div class="bp-invites-feedback"></div>
-<div class="members bp-invites-content"></div>
+<div id="group-invites-container">
 
+	<nav class="<?php bp_nouveau_single_item_subnav_classes(); ?>" id="subnav" role="navigation" aria-label="<?php esc_attr_e( 'Group invitations menu', 'buddypress' ); ?>"></nav>
+
+	<div class="group-invites-column">
+		<div class="subnav-filters group-subnav-filters bp-invites-filters"></div>
+		<div class="bp-invites-feedback"></div>
+		<div class="members bp-invites-content"></div>
+	</div>
+
+</div>
+
 <script type="text/html" id="tmpl-bp-invites-nav">
 	<a href="{{data.href}}" class="bp-invites-nav-item" data-nav="{{data.id}}">{{data.name}}</a>
 </script>
Index: src/bp-templates/bp-nouveau/css/buddypress-rtl.css
===================================================================
--- src/bp-templates/bp-nouveau/css/buddypress-rtl.css	(revision 12036)
+++ src/bp-templates/bp-nouveau/css/buddypress-rtl.css	(working copy)
@@ -2641,6 +2641,30 @@
 	}
 }
 
+@media screen and (min-width: 37.5em) {
+	.buddypress-wrap #group-invites-container {
+		display: -ms-grid;
+		display: grid;
+		-ms-grid-columns: 25% auto;
+		grid-template-columns: 25% auto;
+		grid-template-areas: "group-invites-nav group-invites-column";
+	}
+	.buddypress-wrap #group-invites-container .bp-invites-nav {
+		-ms-grid-row: 1;
+		-ms-grid-column: 1;
+		grid-area: group-invites-nav;
+	}
+	.buddypress-wrap #group-invites-container .bp-invites-nav li {
+		display: block;
+		float: none;
+	}
+	.buddypress-wrap #group-invites-container .group-invites-column {
+		-ms-grid-row: 1;
+		-ms-grid-column: 2;
+		grid-area: group-invites-column;
+	}
+}
+
 /*
 *-----------------------------------------
 * @subsection 5.2.1.4 - Group Activity
Index: src/bp-templates/bp-nouveau/css/buddypress.css
===================================================================
--- src/bp-templates/bp-nouveau/css/buddypress.css	(revision 12036)
+++ src/bp-templates/bp-nouveau/css/buddypress.css	(working copy)
@@ -2641,6 +2641,30 @@
 	}
 }
 
+@media screen and (min-width: 37.5em) {
+	.buddypress-wrap #group-invites-container {
+		display: -ms-grid;
+		display: grid;
+		-ms-grid-columns: 25% auto;
+		grid-template-columns: 25% auto;
+		grid-template-areas: "group-invites-nav group-invites-column";
+	}
+	.buddypress-wrap #group-invites-container .bp-invites-nav {
+		-ms-grid-row: 1;
+		-ms-grid-column: 1;
+		grid-area: group-invites-nav;
+	}
+	.buddypress-wrap #group-invites-container .bp-invites-nav li {
+		display: block;
+		float: none;
+	}
+	.buddypress-wrap #group-invites-container .group-invites-column {
+		-ms-grid-row: 1;
+		-ms-grid-column: 2;
+		grid-area: group-invites-column;
+	}
+}
+
 /*
 *-----------------------------------------
 * @subsection 5.2.1.4 - Group Activity
Index: src/bp-templates/bp-nouveau/sass/_nouveau_invites.scss
===================================================================
--- src/bp-templates/bp-nouveau/sass/_nouveau_invites.scss	(revision 12036)
+++ src/bp-templates/bp-nouveau/sass/_nouveau_invites.scss	(working copy)
@@ -143,3 +143,35 @@
 	} // close bp-invites-content
 }
 
+@media screen and (min-width: 37.5em) {
+
+	.buddypress-wrap {
+
+		#group-invites-container {
+			display: -ms-grid;
+			display: grid;
+			-ms-grid-columns: 25% auto;
+			grid-template-columns: 25% auto;
+			grid-template-areas: "group-invites-nav group-invites-column";
+
+			.bp-invites-nav {
+				-ms-grid-row: 1;
+				-ms-grid-column: 1;
+				grid-area: group-invites-nav;
+
+				li {
+					display: block;
+					float: none;
+				}
+			}
+
+			.group-invites-column {
+				-ms-grid-row: 1;
+				-ms-grid-column: 2;
+				grid-area: group-invites-column;
+			}
+		}
+	}
+
+}
+