diff --git src/bp-templates/bp-nouveau/buddypress/common/js-templates/invites/index.php src/bp-templates/bp-nouveau/buddypress/common/js-templates/invites/index.php
index 475fba104..3362b36e4 100644
--- src/bp-templates/bp-nouveau/buddypress/common/js-templates/invites/index.php
+++ src/bp-templates/bp-nouveau/buddypress/common/js-templates/invites/index.php
@@ -8,15 +8,20 @@
  * @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>
diff --git src/bp-templates/bp-nouveau/css/buddypress.css src/bp-templates/bp-nouveau/css/buddypress.css
index 2dbccba6e..74d5c46c2 100644
--- src/bp-templates/bp-nouveau/css/buddypress.css
+++ src/bp-templates/bp-nouveau/css/buddypress.css
@@ -438,6 +438,27 @@ body.buddypress article.page > .entry-header .entry-title {
 	margin-top: 0;
 }
 
+@media screen and (min-width: 37.5em) {
+	.buddypress-wrap #group-invites-container {
+		display: grid;
+		grid-template-columns: 25% auto;
+		grid-template-areas: "group-invites-nav group-invites-column";
+	}
+
+	.buddypress-wrap #group-invites-container .bp-invites-nav ul li {
+		display: block;
+		float: none;
+	}
+
+	.buddypress-wrap #group-invites-container .bp-invites-nav {
+		grid-area: group-invites-nav;
+	}
+
+	.buddypress-wrap #group-invites-container .group-invites-column {
+		grid-area: group-invites-column;
+	}
+}
+
 @media screen and (max-width: 46.8em) {
 	.buddypress-wrap .single-screen-navs {
 		border: 1px solid #eee;
diff --git src/bp-templates/bp-nouveau/js/buddypress-group-invites.js src/bp-templates/bp-nouveau/js/buddypress-group-invites.js
index 40e281802..1f518725b 100644
--- src/bp-templates/bp-nouveau/js/buddypress-group-invites.js
+++ src/bp-templates/bp-nouveau/js/buddypress-group-invites.js
@@ -465,7 +465,7 @@ window.bp = window.bp || {};
 			if ( $( this.el ).find( 'span' ).length ) {
 				$( this.el ).find( 'span' ).html( span_count );
 			} else {
-				$( this.el ).find( 'a' ).append( $( '<span></span>' ).html( span_count ) );
+				$( this.el ).find( 'a' ).append( $( '<span></span>' ).html( span_count ).addClass( 'count' ) );
 			}
 		},