diff --git a/services/web/app/views/user/restricted.pug b/services/web/app/views/user/restricted.pug
index 949bd9b4b6..eba1d2ab05 100644
--- a/services/web/app/views/user/restricted.pug
+++ b/services/web/app/views/user/restricted.pug
@@ -1,16 +1,13 @@
 extends ../layout-marketing
 
-block vars
-	- bootstrap5PageStatus = 'disabled'
-
 block content
 	main.content#main-content
 		.container
 			.row
-				.col-md-8.col-md-offset-2.text-center
+				.col-md-8.offset-md-2.text-center
 					.page-header
 						h2 #{translate("restricted_no_permission")}
 					p
-						a(href="/")
-							i.fa.fa-arrow-circle-o-left(aria-hidden="true")
-							|  #{translate("take_me_home")}
+						span.inline-material-symbols
+							a(href="/").material-symbols(aria-hidden="true") arrow_left_alt
+							a(href="/") #{translate("take_me_home")}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss b/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss
index a4bf73f87c..650bdc727f 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss
@@ -78,3 +78,12 @@ hr {
 .row-spaced-extra-large {
   margin-top: calc(var(--line-height-03) * 4);
 }
+
+.inline-material-symbols {
+  display: inline-flex;
+  align-items: center;
+
+  a.material-symbols {
+    text-decoration: none;
+  }
+}