diff --git a/files/assets/js/userpage.js b/files/assets/js/userpage.js
index e678e6f76..71de74b4e 100644
--- a/files/assets/js/userpage.js
+++ b/files/assets/js/userpage.js
@@ -4,3 +4,9 @@ function badge_timestamp(t) {
 	t.setAttribute("data-bs-original-title", `${text} ${date.toString()}`);
 	t.removeAttribute("data-onmouseover")
 }
+
+addEventListener("load", () => {
+	const el = document.getElementById("desktopUserBanner")
+	const style = el.getAttribute("data-style")
+	el.setAttribute("style", style)
+});
diff --git a/files/templates/userpage/banner.html b/files/templates/userpage/banner.html
index 484c86b63..b316b4ff6 100644
--- a/files/templates/userpage/banner.html
+++ b/files/templates/userpage/banner.html
@@ -11,7 +11,7 @@
 {% block desktopUserBanner %}
 <div class="row d-mob-none">
 	<div class="col px-0">
-		<div class="jumbotron jumbotron-fluid jumbotron-guild d-mob-none" {% if FEATURES['USERS_PROFILE_BANNER'] %}style="background-image: url({{u.banner_url}})"{% endif %}>
+		<div id="desktopUserBanner" class="jumbotron jumbotron-fluid jumbotron-guild d-mob-none" {% if FEATURES['USERS_PROFILE_BANNER'] %}data-style="background-image: url({{u.banner_url}})"{% endif %}>
 			<div class="jumbotron-overlay"></div>
 			<div class="w-100 my-3">
 				<div class="container-fluid nobackground">