diff --git a/files/static/src/main.css b/files/static/src/main.css
index 1765cb368..45ffb812b 100644
--- a/files/static/src/main.css
+++ b/files/static/src/main.css
@@ -24,6 +24,9 @@
 	.sub-header-shadow {
     	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.10) inset, -1px -1px 0.5px rgba(17, 40, 19, 0.1) inset;
 	}
+	.gradient-mask {
+		-webkit-mask-image: linear-gradient(180deg,#000 60%,transparent); mask-image: linear-gradient(180deg,#000 60%,transparent)
+	}
 }
 
 /* -------------------- BASE STYLING -------------------- */
diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index 66b786ff0..c480e29c6 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -46,8 +46,8 @@
 				<div class="px-4 py-4 shadow-inset-t-white-10">
 					<h2 class="label text-black">Banner</h2>
 					<div class="flex flex-col md:flex-row gap-3">
-						<!-- Avatar -->
-						<img loading="lazy" src="{{v.profile_url}}" class="flex-shrink-0 w-48 h-20 rounded object-cover">
+						<!-- Banner -->
+						<img loading="lazy" src="{{v.banner_url}}" class="flex-shrink-0 w-48 h-20 rounded object-cover">
 						<!-- Form -->
 						<div>
 							<div class="flex space-x-3">