diff --git a/phpBB/styles/prosilver/template/simple_footer.html b/phpBB/styles/prosilver/template/simple_footer.html
index 69301571d7..0a10f3b04c 100644
--- a/phpBB/styles/prosilver/template/simple_footer.html
+++ b/phpBB/styles/prosilver/template/simple_footer.html
@@ -9,7 +9,9 @@
 		<div id="darken" class="darken">&nbsp;</div>
 	</div>
 	<div id="loading_indicator" class="loading_indicator">
-		<div class="loader">{L_Loading}...</div>
+		<div id="darken" class="darken">
+			<div class="loader">{L_Loading}...</div>
+		</div>
 	</div>
 	<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
 		<a href="#" class="alert_close">
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css
index a403dbaad7..6f585b6b1d 100644
--- a/phpBB/styles/prosilver/theme/colours.css
+++ b/phpBB/styles/prosilver/theme/colours.css
@@ -1333,6 +1333,10 @@ input.disabled {
 	background-color: #000000;
 }
 
+.loading_indicator .darken {
+	background-color: rgba(0, 0, 0, 0.5);
+}
+
 .loader {
 	color: #ffffff;
 }
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 2fec7b208b..cb6ae84cb7 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -1017,7 +1017,8 @@ fieldset.fields1 dl.pmlist dd.recipients {
 	font-size: 1.1em;
 }
 
-.darkenwrapper {
+.darkenwrapper,
+.loading_indicator {
 	position: relative;
 	z-index: 44;
 	display: none;
@@ -1033,6 +1034,13 @@ fieldset.fields1 dl.pmlist dd.recipients {
 	height: 100%;
 }
 
+.loading_indicator .darken {
+	opacity: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
 .loader {
 	font-size: 90px;
 	text-indent: -9999em;