diff --git a/client/src/views/Summoner.vue b/client/src/views/Summoner.vue
index e31ddab..763e082 100644
--- a/client/src/views/Summoner.vue
+++ b/client/src/views/Summoner.vue
@@ -39,8 +39,8 @@
                 <div :class="{'playing': playing}" class="relative w-24 h-24">
                   <div
                     :class="{'border-2': !playing}"
-                    class="relative z-10 w-24 h-24 rounded-full bg-blue-1000 border-teal-400"
-                    :style="{background: getSummonerIcon}"
+                    class="relative z-10 w-24 h-24 rounded-full bg-blue-1000 bg-center bg-cover border-teal-400"
+                    :style="{backgroundImage: getSummonerIcon}"
                   >
                     <div
                       class="absolute left-0 bottom-0 w-8 h-8 flex items-center justify-center bg-blue-900 rounded-full text-xs text-teal-500 font-extrabold border-2 border-teal-400"
@@ -130,7 +130,7 @@ export default {
 
   computed: {
     getSummonerIcon() {
-      return `url(https://ddragon.leagueoflegends.com/cdn/${this.version}/img/profileicon/${this.summonerInfos.account.profileIconId}.png) center/cover`
+      return `url(https://ddragon.leagueoflegends.com/cdn/${this.version}/img/profileicon/${this.summonerInfos.account.profileIconId}.png)`
     },
     summoner() {
       return this.$route.params.name