Code and CSS to improve the appearance of the Membership tab of the BuddyBoss single profile.

my_pmpro_buddyboss_profile_account_shortcode.php

/**
 * Code and CSS to improve the appearance of the Membership tab of the BuddyBoss single profile.
 *
 * Place this CSS in the Appearance > Customize > Additional CSS field:
 * #pmpro_account .pmpro_box { margin-bottom: 3em; }
 * #pmpro_account .pmpro_box h2 { border-bottom: 1px solid var(--bb-content-border-color); margin: 30px 0; padding-bottom: 20px; }
 */
function my_pmpro_buddyboss_profile_account_shortcode( $content ) {
	$content = '<div class="bp-profile-wrapper need-separator"><div class="bp-profile-content"><div class="group-separator-block">[pmpro_account sections="membership,invoices"]</div></div></div>';
	return $content;
}
add_filter( 'pmpro_buddypress_profile_account_shortcode', 'my_pmpro_buddyboss_profile_account_shortcode' );