diff --git a/frontend-react/src/components/xleaderboards/XLeaderboardsPage.tsx b/frontend-react/src/components/xleaderboards/XLeaderboardsPage.tsx
index 1dad0c705..90a5f2c53 100644
--- a/frontend-react/src/components/xleaderboards/XLeaderboardsPage.tsx
+++ b/frontend-react/src/components/xleaderboards/XLeaderboardsPage.tsx
@@ -65,7 +65,7 @@ const XLeaderboardsPage: React.FC<RouteComponentProps> = () => {
         </title>
       </Helmet>
       <PageHeader title={t("navigation;X Rank Leaderboards")} />
-      <Box my={10}>
+      <Box my={10} maxW="24rem">
         <Select
           options={selectOptions.map(({ value, label }) => ({
             value,