diff --git a/app/features/front-page/routes/index.tsx b/app/features/front-page/routes/index.tsx
index db9dbfd7d..e352b4a7d 100644
--- a/app/features/front-page/routes/index.tsx
+++ b/app/features/front-page/routes/index.tsx
@@ -300,7 +300,9 @@ function ResultHighlights() {
 
 	return (
 		<>
-			<div className={clsx(styles.resultHighlights, "overflow-x-auto")}>
+			<div
+				className={clsx(styles.resultHighlights, "overflow-x-auto scrollbar")}
+			>
 				<div className="stack sm text-center">
 					<h2 className={styles.resultHighlightsTitle}>
 						{t("front:leaderboards.topPlayers")}
@@ -329,7 +331,9 @@ function ResultHighlights() {
 					{recentResults}
 				</div>
 			</div>
-			<div className={clsx(styles.resultHighlights, "overflow-x-auto")}>
+			<div
+				className={clsx(styles.resultHighlights, "overflow-x-auto scrollbar")}
+			>
 				<div className="stack sm text-center desktop-hidden">
 					{recentResults}
 				</div>
diff --git a/app/styles/front.module.css b/app/styles/front.module.css
index 34876fb49..fbf936589 100644
--- a/app/styles/front.module.css
+++ b/app/styles/front.module.css
@@ -201,6 +201,7 @@
 .resultHighlights {
 	display: flex;
 	gap: var(--s-2);
+	padding-block: var(--s-2);
 }
 
 .resultHighlightsTitle {