diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 9176c9e921..cc93c4a32b 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -7088,6 +7088,10 @@ body *::-webkit-scrollbar {
 	width: 500px;
 }
 
+#leaderboard-banner {
+	width: 300px;
+}
+
 @media (max-width: 768px) {
 	#shop-banner {
 		width: 80vw;
@@ -7095,6 +7099,9 @@ body *::-webkit-scrollbar {
 	.shop-tabs {
 		padding-top: 30px;
 	}
+	#leaderboard-banner {
+		width: 50vw;
+	}
 }
 
 .shop-tab {
diff --git a/files/assets/images/leaderboard.webp b/files/assets/images/leaderboard.webp
new file mode 100644
index 0000000000..4740c40baa
Binary files /dev/null and b/files/assets/images/leaderboard.webp differ
diff --git a/files/templates/leaderboard.html b/files/templates/leaderboard.html
index 1f763bdfae..de8b7996fe 100644
--- a/files/templates/leaderboard.html
+++ b/files/templates/leaderboard.html
@@ -1,6 +1,12 @@
 {% extends "settings2.html" %}
 {% block pagetitle %}Leaderboard{% endblock %}
 {% block content %}
+
+
+<header id="leaderboard-header" class="container text-center pb-3">
+	<img loading="lazy" id="leaderboard-banner" alt="leaderboard banner" src="{{SITE_FULL_IMAGES}}/i/leaderboard.webp">
+</header>
+
 <div class="mt-2" id="leaderboard-contents" style="text-align: center; margin-bottom: 1.5rem; font-size: 1.2rem;">
 	{% for lb in leaderboards %}
 		{% if lb %}