diff --git a/src/controllers/index.js b/src/controllers/index.js
index 879774c17f..831619fc9e 100644
--- a/src/controllers/index.js
+++ b/src/controllers/index.js
@@ -8,6 +8,7 @@ const user = require('../user');
 const plugins = require('../plugins');
 const privilegesHelpers = require('../privileges/helpers');
 const helpers = require('./helpers');
+const { secureRandom } = require('../utils');
 
 const Controllers = module.exports;
 
diff --git a/src/views/outgoing.tpl b/src/views/outgoing.tpl
index 5f5b45a77d..8d52b1d3b3 100644
--- a/src/views/outgoing.tpl
+++ b/src/views/outgoing.tpl
@@ -1,7 +1,16 @@
-<div class="flex-fill outgoing d-flex flex-column gap-3 align-items-center">
-	<h4>
-		[[notifications:outgoing-link-message, {title}]]
-	</h4>
-	<a href="{outgoing}" rel="nofollow noopener noreferrer" class="btn btn-primary">[[notifications:continue-to, {outgoing}]]</a>
-	<a href="#" class="btn btn-warning" onclick="history.back(); return false;">[[notifications:return-to, {title}]]</a>
-</div>
+<div class="flex-fill">
+	<h2 class="fw-semibold tracking-tight text-center">[[notifications:outgoing-link-message, {title}]]</h2>
+
+	<div class="mx-auto">
+		<div class="d-flex flex-column gap-3 justify-content-center text-center">
+			<div class="mx-auto p-4 bg-light border rounded">
+				<i class="text-secondary fa fa-fw fa-4x fa-external-link"></i>
+			</div>
+
+			<div class="col-10 offset-1 col-md-4 offset-4 d-flex flex-column gap-3">
+				<a href="{outgoing}" rel="nofollow noopener noreferrer" class="btn btn-primary">[[notifications:continue-to, {outgoing}]]</a>
+				<a href="#" class="btn btn-link" onclick="history.back(); return false;">[[notifications:return-to, {title}]]</a>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file