diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 488a971..2d9b40a 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -389,11 +389,12 @@ ul.credit {
     "historic-statistics" auto
     "leaderboard" auto;
 
-  @media (min-width: 768px) {
+  @media (min-width: 1440px) {
     grid-template:
       "hello-text          hello-text          hello-text   hello-text" auto
       "weekly-metrics      weekly-metrics      leaderboard  leaderboard" 1fr
       "historic-statistics historic-statistics leaderboard  leaderboard" 1fr;
+    grid-template-columns: 2fr 2fr 1fr 1fr;
   }
 
   &__hello-text {
diff --git a/src/Controller/OverviewCardsController.php b/src/Controller/OverviewCardsController.php
index cb26ff5..8a377c3 100644
--- a/src/Controller/OverviewCardsController.php
+++ b/src/Controller/OverviewCardsController.php
@@ -207,6 +207,7 @@ public function leaderboard(
         SolutionEventRepository $solutionEventRepository,
     ): Response {
         $leaderboard = $solutionEventRepository->listLeaderboard($user->getGroup(), '7 days');
+        $leaderboard = \array_slice($leaderboard, 0, 10);
 
         return $this->render('overview/cards/leaderboard.html.twig', [
             'leaderboard' => $leaderboard,
diff --git a/templates/overview/cards/leaderboard.html.twig b/templates/overview/cards/leaderboard.html.twig
index 09f145b..d61a916 100644
--- a/templates/overview/cards/leaderboard.html.twig
+++ b/templates/overview/cards/leaderboard.html.twig
@@ -12,7 +12,7 @@
         <tbody>
         {% for item in leaderboard %}
             <tr>
-                <th scope="row">{{ item.user.name }}</th>
+                <th scope="row" class="text-truncate">{{ item.user.name|u.truncate(24, '…') }}</th>
                 <td>{{ item.count }}</td>
             </tr>
         {% endfor %}