diff --git a/src/components/Common/Flag.svelte b/src/components/Common/Flag.svelte
index 1b609cd..906c877 100644
--- a/src/components/Common/Flag.svelte
+++ b/src/components/Common/Flag.svelte
@@ -1,5 +1,5 @@
 <script>
-  import {createEventDispatcher} from 'svelte';
+  import { createEventDispatcher } from 'svelte';
 
   const dispatch = createEventDispatcher();
 
@@ -8,7 +8,7 @@
 </script>
 
 {#if country && country.length}
-  <img src={`https://scoresaber.com/imports/images/flags/${country ? country.toLowerCase() : '' }.png`} loading="lazy"
+  <img src={`https://flagcdn.com/16x12/${country ? country.toLowerCase() : '' }.png`} loading="lazy"
        class="country"
        on:click|preventDefault={() => dispatch('flag-click', {country: country.toLowerCase()})}>
 {/if}
diff --git a/src/components/Player/PlayerStats.svelte b/src/components/Player/PlayerStats.svelte
index 7b20757..2b52b31 100644
--- a/src/components/Player/PlayerStats.svelte
+++ b/src/components/Player/PlayerStats.svelte
@@ -1,15 +1,14 @@
 <script>
-  import {navigate} from 'svelte-routing'
-  import {SS_HOST} from '../../network/queues/scoresaber/page-queue'
-  import {PLAYERS_PER_PAGE} from '../../utils/scoresaber/consts'
-  import {convertArrayToObjectByKey, opt} from '../../utils/js'
+  import { navigate } from 'svelte-routing';
+  import { convertArrayToObjectByKey, opt } from '../../utils/js';
+  import { PLAYERS_PER_PAGE } from '../../utils/scoresaber/consts';
 
-  import Value from '../Common/Value.svelte'
-  import Status from './Status.svelte'
-  import Skeleton from '../Common/Skeleton.svelte'
-  import Error from '../Common/Error.svelte'
-  import Badge from '../Common/Badge.svelte'
-  import {addToDate, DAY, formatDateRelative} from '../../utils/date'
+  import { addToDate, DAY, formatDateRelative } from '../../utils/date';
+  import Badge from '../Common/Badge.svelte';
+  import Error from '../Common/Error.svelte';
+  import Skeleton from '../Common/Skeleton.svelte';
+  import Value from '../Common/Value.svelte';
+  import Status from './Status.svelte';
 
   export let name;
   export let playerInfo;
@@ -97,7 +96,7 @@
       <a href={getCountryRankingUrl(country)} on:click|preventDefault={() => navigateToCountryRanking(country)}
          title="Go to country ranking" class="clickable">
         <img
-          src={`${SS_HOST}/imports/images/flags/${country && country.country && country.country.toLowerCase ? country.country.toLowerCase() : ''}.png`}
+          src={`https://flagcdn.com/16x12/${country && country.country && country.country.toLowerCase ? country.country.toLowerCase() : ''}.png`}
              alt={opt(country, 'country')}
         />
 
diff --git a/src/components/Player/ScoreRank.svelte b/src/components/Player/ScoreRank.svelte
index 554451b..7b5c0b7 100644
--- a/src/components/Player/ScoreRank.svelte
+++ b/src/components/Player/ScoreRank.svelte
@@ -1,8 +1,7 @@
 <script>
-  import {tweened} from 'svelte/motion';
-  import {cubicOut} from 'svelte/easing';
-  import Value from '../Common/Value.svelte'
-  import {SS_HOST} from '../../network/queues/scoresaber/page-queue'
+  import { cubicOut } from 'svelte/easing';
+  import { tweened } from 'svelte/motion';
+  import Value from '../Common/Value.svelte';
 
   export let rank;
   export let country;
@@ -37,7 +36,7 @@
 
 {#if country}
 <span class="val" style="display:{inline ? 'inline' : 'block'};">
-	<img src={`${SS_HOST}/imports/images/flags/${country}.png`} alt=""/>
+	<img src={`https://flagcdn.com/16x12/${country}.png`} alt=""/>
 	<span class="value"
         title={!showCountryTotal && country && $currentCountryRank && countryRankTotal ? `#${$currentCountryRank} / ${countryRankTotal}` : ''}>
 		<Value value={$currentCountryRank} prefix="#" zero="-" digits={0}/>