diff --git a/src/components/GamemodeChart.vue b/src/components/GamemodeChart.vue
index 2a9b362..7a150fc 100644
--- a/src/components/GamemodeChart.vue
+++ b/src/components/GamemodeChart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="gamemodeChart" ref="container">
+  <div class="chart" ref="container">
     <LoadingBar v-if="progress !== 1" :value="progress"></LoadingBar>
     <Doughnut :data="chart" :options="chartOptions" v-if="progress === 1" />
   </div>
@@ -173,9 +173,8 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.weaponChart {
-  width: calc(min(50vw, 50vh) - 3em);
-  height: calc(min(50vw, 50vh) - 3em);
+.chart {
+  width: 100%;
 }
 
 @media only screen and (max-width: 922px) {
diff --git a/src/components/WeaponChart.vue b/src/components/WeaponChart.vue
index 243a21f..78796ca 100644
--- a/src/components/WeaponChart.vue
+++ b/src/components/WeaponChart.vue
@@ -174,8 +174,7 @@ export default defineComponent({
 
 <style scoped>
 .weaponChart {
-  width: calc(min(50vw, 50vh) - 3em);
-  height: calc(min(50vw, 50vh) - 3em);
+  width: 100%;
 }
 
 @media only screen and (max-width: 922px) {