diff --git a/client/src/components/Summoner/SummonerMates.vue b/client/src/components/Summoner/SummonerMates.vue
index 92208bc..a856c86 100644
--- a/client/src/components/Summoner/SummonerMates.vue
+++ b/client/src/components/Summoner/SummonerMates.vue
@@ -43,7 +43,7 @@
           <div class="w-1/4">Winrate</div>
         </div>
         <ul class="mt-1 text-gray-100">
-          <li v-for="mate in mates" :key="mate.name" class="flex justify-between items-center">
+          <li v-for="mate in mates.slice(0, maxMates)" :key="mate.name" class="flex justify-between items-center">
             <router-link
               :to="{ name: 'summoner', params: { region: $route.params.region, name: mate.name }}"
               class="w-2/4 hover:text-teal-200"
@@ -93,6 +93,12 @@ export default {
     Dropdown,
   },
 
+  data() {
+    return {
+      maxMates: 15
+    }
+  },
+
   computed: {
     hasMates() {
       return this.mates.length > 0