diff --git a/src/components/Player/utils/profile.js b/src/components/Player/utils/profile.js
index ad120b0..e8d58f9 100644
--- a/src/components/Player/utils/profile.js
+++ b/src/components/Player/utils/profile.js
@@ -1,6 +1,5 @@
-import {SS_HOST} from '../../../network/queues/scoresaber/page-queue'
-import tweened from '../../../svelte-utils/tweened';
-import {opt} from '../../../utils/js'
+import tweened from "../../../svelte-utils/tweened";
+import { opt } from "../../../utils/js";
 
 const TWEEN_DURATION = 300;
 
@@ -8,165 +7,200 @@ const scoresStatsTweened = {};
 function updateScoresStats(playerData, playerStats) {
   if (!playerData) return null;
 
-  const scoreStats = opt(playerData, 'scoreStats');
+  const scoreStats = opt(playerData, "scoreStats");
 
   const statsDef = scoreStats
     ? [
-      {key: "totalPlayCount", label: 'Total play count', bgColor: 'var(--selected)'},
-      {key: "totalScore", label: 'Total score', bgColor: 'var(--selected)'},
-      {key: "rankedPlayCount", label: 'Ranked play count', bgColor: 'var(--ppColour)'},
-      {key: "totalRankedScore", label: 'Total ranked score', bgColor: 'var(--ppColour)'},
-      {key: "averageRankedAccuracy", label: 'Average', title: 'Average ranked accuracy', digits: 2, suffix: '%', bgColor: 'var(--selected)'}
-    ]
+        {
+          key: "totalPlayCount",
+          label: "Total play count",
+          bgColor: "var(--selected)",
+        },
+        { key: "totalScore", label: "Total score", bgColor: "var(--selected)" },
+        {
+          key: "rankedPlayCount",
+          label: "Ranked play count",
+          bgColor: "var(--ppColour)",
+        },
+        {
+          key: "totalRankedScore",
+          label: "Total ranked score",
+          bgColor: "var(--ppColour)",
+        },
+        {
+          key: "averageRankedAccuracy",
+          label: "Average",
+          title: "Average ranked accuracy",
+          digits: 2,
+          suffix: "%",
+          bgColor: "var(--selected)",
+        },
+      ]
     : [];
 
   return statsDef
-    .map(s => {
+    .map((s) => {
       const value = scoreStats && scoreStats[s.key] ? scoreStats[s.key] : null;
       if (!value && !Number.isFinite(value)) return null;
 
-      if (!scoresStatsTweened.hasOwnProperty(s.key)) scoresStatsTweened[s.key] = tweened(value, TWEEN_DURATION);
+      if (!scoresStatsTweened.hasOwnProperty(s.key))
+        scoresStatsTweened[s.key] = tweened(value, TWEEN_DURATION);
       else scoresStatsTweened[s.key].set(value);
 
       return {
         label: s.label,
-        title: opt(s, 'title', ''),
+        title: opt(s, "title", ""),
         value: scoresStatsTweened[s.key],
-        digits: opt(s, 'digits', 0),
-        suffix: opt(s, 'suffix', ''),
+        digits: opt(s, "digits", 0),
+        suffix: opt(s, "suffix", ""),
         fluid: true,
-        bgColor: opt(s, 'bgColor', 'var(--dimmed)'),
-      }
+        bgColor: opt(s, "bgColor", "var(--dimmed)"),
+      };
     })
     .concat(
-      (playerStats && playerStats.topPp && Number.isFinite(playerStats.topPp) ? [{
-        label: 'Best PP',
-        title: null,
-        value: playerStats.topPp,
-        digits: 2,
-        suffix: 'pp',
-        fluid: true,
-        bgColor: 'var(--ppColour)',
-      }] : [])
+      playerStats && playerStats.topPp && Number.isFinite(playerStats.topPp)
+        ? [
+            {
+              label: "Best PP",
+              title: null,
+              value: playerStats.topPp,
+              digits: 2,
+              suffix: "pp",
+              fluid: true,
+              bgColor: "var(--ppColour)",
+            },
+          ]
+        : []
     )
-    .filter(s => s && (!playerStats || s.label !== 'Average'));
+    .filter((s) => s && (!playerStats || s.label !== "Average"));
 }
 
 function updateAccStats(playerStats) {
   if (!playerStats) return null;
 
-  return (playerStats ? ['topAcc', 'avgAcc', 'medianAcc', 'stdDeviation'] : [])
-    .reduce((cum, key) => {
-      const value = playerStats[key] ? playerStats[key] : null;
-      if (!value && !Number.isFinite(value)) return cum;
+  return (
+    playerStats ? ["topAcc", "avgAcc", "medianAcc", "stdDeviation"] : []
+  ).reduce((cum, key) => {
+    const value = playerStats[key] ? playerStats[key] : null;
+    if (!value && !Number.isFinite(value)) return cum;
 
-      const tweenKey = key === 'avgAcc' ? 'averageRankedAccuracy' : key
-      if (!scoresStatsTweened.hasOwnProperty(tweenKey)) scoresStatsTweened[tweenKey] = tweened(value, TWEEN_DURATION);
-      else scoresStatsTweened[tweenKey].set(value);
+    const tweenKey = key === "avgAcc" ? "averageRankedAccuracy" : key;
+    if (!scoresStatsTweened.hasOwnProperty(tweenKey))
+      scoresStatsTweened[tweenKey] = tweened(value, TWEEN_DURATION);
+    else scoresStatsTweened[tweenKey].set(value);
 
-      let metricData = null;
+    let metricData = null;
 
-      switch(key) {
-        case 'avgAcc':
-          metricData = {
-            key,
-            label: 'Average',
-            title: 'Average ranked accuracy',
-            bgColor: 'var(--selected)'
-          };
-          break;
+    switch (key) {
+      case "avgAcc":
+        metricData = {
+          key,
+          label: "Average",
+          title: "Average ranked accuracy",
+          bgColor: "var(--selected)",
+        };
+        break;
 
-        case 'medianAcc':
-          metricData = {
-            key,
-            label: 'Median',
-            title: 'Median ranked accuracy',
-            bgColor: 'var(--ppColour)'
-          };
-          break;
+      case "medianAcc":
+        metricData = {
+          key,
+          label: "Median",
+          title: "Median ranked accuracy",
+          bgColor: "var(--ppColour)",
+        };
+        break;
 
-        case 'stdDeviation':
-          metricData = {
-            key,
-            label: 'Std deviation',
-            title: 'Standard deviation ranked accuracy',
-            bgColor: 'var(--decrease)'
-          };
-          break;
+      case "stdDeviation":
+        metricData = {
+          key,
+          label: "Std deviation",
+          title: "Standard deviation ranked accuracy",
+          bgColor: "var(--decrease)",
+        };
+        break;
 
-        case 'topAcc':
-          metricData = {
-            key,
-            label: 'Best',
-            title: 'Best ranked accuracy',
-            bgColor: 'rgba(60,179,113,.75)'
-          };
-          break;
-      }
+      case "topAcc":
+        metricData = {
+          key,
+          label: "Best",
+          title: "Best ranked accuracy",
+          bgColor: "rgba(60,179,113,.75)",
+        };
+        break;
+    }
 
-      if (metricData)
-        cum.push({
-          ...metricData,
-          value: scoresStatsTweened[tweenKey],
-          digits: 2,
-          suffix: '%',
-          fluid: true,
-        });
+    if (metricData)
+      cum.push({
+        ...metricData,
+        value: scoresStatsTweened[tweenKey],
+        digits: 2,
+        suffix: "%",
+        fluid: true,
+      });
 
-      return cum;
-    }, [])
+    return cum;
+  }, []);
 }
 
 function updateAccBadges(playerStats) {
   if (!playerStats || !playerStats.badges) return null;
 
-  return playerStats.badges
-    .map(badge => {
-      const value = badge.value;
+  return playerStats.badges.map((badge) => {
+    const value = badge.value;
 
-      if (!scoresStatsTweened.hasOwnProperty(badge.label)) scoresStatsTweened[badge.label] = tweened(value, TWEEN_DURATION);
-      else scoresStatsTweened[badge.label].set(value);
+    if (!scoresStatsTweened.hasOwnProperty(badge.label))
+      scoresStatsTweened[badge.label] = tweened(value, TWEEN_DURATION);
+    else scoresStatsTweened[badge.label].set(value);
 
-      return {
-        ...badge,
-        value: scoresStatsTweened[badge.label],
-        title: !badge.min ? `< ${badge.max}%` : (!badge.max ? `> ${badge.min}%` : `${badge.min}% - ${badge.max}%`),
-        fluid: true,
-        digits: 0,
-      }
-    })
+    return {
+      ...badge,
+      value: scoresStatsTweened[badge.label],
+      title: !badge.min
+        ? `< ${badge.max}%`
+        : !badge.max
+        ? `> ${badge.min}%`
+        : `${badge.min}% - ${badge.max}%`,
+      fluid: true,
+      digits: 0,
+    };
+  });
 }
 
 function updateSsBadges(playerData) {
-  if (!opt(playerData, 'playerInfo.badges.length')) return null;
+  if (!opt(playerData, "playerInfo.badges.length")) return null;
 
-  return playerData.playerInfo.badges.map(b => ({src: `${SS_HOST}/imports/images/badges/${b.image}`, title: b.description}));
+  return playerData.playerInfo.badges.map((b) => ({
+    src: `https://cdn.scoresaber.com/badges/${b.image}`,
+    title: b.description,
+  }));
 }
 
 const playerInfoTweened = {};
 export default (playerData, playerStats) => {
   if (!playerData && !playerStats) return {};
 
-  const playerInfo = {...opt(playerData, 'playerInfo', null)};
+  const playerInfo = { ...opt(playerData, "playerInfo", null) };
 
-  ['pp', 'rank'].forEach(key => {
+  ["pp", "rank"].forEach((key) => {
     const value = playerInfo && playerInfo[key] ? playerInfo[key] : 0;
-    if (!playerInfoTweened.hasOwnProperty(key)) playerInfoTweened[key] = tweened(value, TWEEN_DURATION);
+    if (!playerInfoTweened.hasOwnProperty(key))
+      playerInfoTweened[key] = tweened(value, TWEEN_DURATION);
     else playerInfoTweened[key].set(value);
 
     if (playerInfo) {
-      playerInfo[key + 'Value'] = playerInfo[key];
+      playerInfo[key + "Value"] = playerInfo[key];
       playerInfo[key] = playerInfoTweened[key];
     }
   });
 
-  const firstCountryRank = opt(playerInfo, 'countries.0.rank')
+  const firstCountryRank = opt(playerInfo, "countries.0.rank");
   if (Number.isFinite(firstCountryRank)) {
-    playerInfo.countries = playerInfo.countries.map(c => ({...c}))
-    const key = 'countryRank'
+    playerInfo.countries = playerInfo.countries.map((c) => ({ ...c }));
+    const key = "countryRank";
     const value = playerInfo.countries[0].rank;
 
-    if (!playerInfoTweened.hasOwnProperty(key)) playerInfoTweened[key] = tweened(value, TWEEN_DURATION);
+    if (!playerInfoTweened.hasOwnProperty(key))
+      playerInfoTweened[key] = tweened(value, TWEEN_DURATION);
     else playerInfoTweened[key].set(value);
 
     playerInfo.countries[0].rankValue = value;
@@ -175,10 +209,10 @@ export default (playerData, playerStats) => {
 
   return {
     playerInfo,
-    prevInfo: opt(playerData, 'prevInfo', null),
+    prevInfo: opt(playerData, "prevInfo", null),
     scoresStats: updateScoresStats(playerData, playerStats),
     accStats: updateAccStats(playerStats),
     accBadges: updateAccBadges(playerStats),
     ssBadges: updateSsBadges(playerData),
-  }
-}
\ No newline at end of file
+  };
+};