diff --git a/client/src/components/Summoner/Overview/SummonerMates.vue b/client/src/components/Summoner/Overview/SummonerMates.vue
index 092ad3f..f7678b6 100644
--- a/client/src/components/Summoner/Overview/SummonerMates.vue
+++ b/client/src/components/Summoner/Overview/SummonerMates.vue
@@ -24,7 +24,7 @@
           >
             <router-link
               :to="{ name: 'summoner', params: { region: $route.params.region, name: mate.name }}"
-              class="w-2/4 hover:text-teal-200"
+              class="w-2/4 truncate hover:text-teal-200"
             >{{ mate.name }}</router-link>
             <div class="w-1/4">{{ mate.wins }} / {{ mate.losses }}</div>
             <div class="w-1/4">