diff --git a/plugins/wporg-5ftf/assets/js/frontend.js b/plugins/wporg-5ftf/assets/js/frontend.js
index 49415d1..5ecbbd2 100644
--- a/plugins/wporg-5ftf/assets/js/frontend.js
+++ b/plugins/wporg-5ftf/assets/js/frontend.js
@@ -10,6 +10,7 @@ jQuery( document ).ready( function( $ ) {
 
 	$( document.body ).prepend( template() );
 	const modal = document.getElementById( 'send-link-dialog' );
+	const modalBg = document.getElementById( 'send-link-dialog-bg' );
 	const children = document.querySelectorAll( 'body > *:not([role="dialog"])' );
 
 	/**
@@ -34,6 +35,10 @@ jQuery( document ).ready( function( $ ) {
 		const position = getModalPosition();
 		// Hide other content on this page while modal is open.
 		for ( i = 0; i < children.length; i++ ) {
+			if ( children[i].hasAttribute('data-no-inert') ) {
+				console.log( 'no inert' );
+				continue;
+			}
 			if ( children[i].getAttribute('inert') ) {
 				children[i].setAttribute('data-keep-inert', '');
 			} else {
@@ -42,6 +47,7 @@ jQuery( document ).ready( function( $ ) {
 		}
 
 		modal.removeAttribute( 'hidden' );
+		modalBg.removeAttribute( 'hidden' );
 		modal.style.top = position.top + 'px';
 		modal.style.left = position.left + 'px';
 		modal.focus();
@@ -61,6 +67,7 @@ jQuery( document ).ready( function( $ ) {
 		}
 
 		modal.hidden = true;
+		modalBg.hidden = true;
 
 		// Wait a tick before setting focus. See https://github.com/WICG/inert#performance-and-gotchas
 		setTimeout( function() {
@@ -114,6 +121,7 @@ jQuery( document ).ready( function( $ ) {
 		}
 	} );
 
+	$( modalBg ).on( 'click', closeModal );
 	$( modal ).on( 'click', '.pledge-dialog__close', closeModal );
 	$( document ).on( 'keydown', function( event ) {
 		if ( 27 === event.which ) { // Esc
diff --git a/plugins/wporg-5ftf/views/modal-request-manage-link.php b/plugins/wporg-5ftf/views/modal-request-manage-link.php
index 3f011ac..e06df4d 100644
--- a/plugins/wporg-5ftf/views/modal-request-manage-link.php
+++ b/plugins/wporg-5ftf/views/modal-request-manage-link.php
@@ -6,6 +6,7 @@ defined( 'WPINC' ) || die();
 
 ?>
 <script type="text/template" id="tmpl-5ftf-send-link-dialog">
+	<div id="send-link-dialog-bg" class="pledge-dialog__background" hidden data-no-inert></div>
 	<div id="send-link-dialog" role="dialog" class="pledge-dialog" hidden tabindex="-1" aria-label="<?php esc_attr_e( 'Request to edit this pledge', 'wporg-5ftf' ); ?>">
 		<p>
 			<?php esc_html_e( 'Only pledge admins can edit pledges.', 'wporg-5ftf' ); ?>
diff --git a/themes/wporg-5ftf/css/components/_pledge-dialog.scss b/themes/wporg-5ftf/css/components/_pledge-dialog.scss
index cc388a0..83d31a4 100644
--- a/themes/wporg-5ftf/css/components/_pledge-dialog.scss
+++ b/themes/wporg-5ftf/css/components/_pledge-dialog.scss
@@ -61,4 +61,17 @@
 		padding: 10px;
 		text-decoration: none;
 	}
-}
\ No newline at end of file
+}
+
+.pledge-dialog__background {
+	position: fixed;
+	z-index: 99;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+
+	&[hidden] {
+		display: none;
+	}
+}