diff --git a/client/src/components/Match/DetailedMatchTeam.vue b/client/src/components/Match/DetailedMatchTeam.vue
index ef76d30..acdd8a9 100644
--- a/client/src/components/Match/DetailedMatchTeam.vue
+++ b/client/src/components/Match/DetailedMatchTeam.vue
@@ -181,7 +181,7 @@ export default {
 
   computed: {
     statsFormat() {
-      return this.percentSettings === 'true' ? 'percentStats' : 'stats'
+      return this.percentSettings ? 'percentStats' : 'stats'
     },
     ...mapState({
       percentSettings: state => state.settings.percent
diff --git a/client/src/components/SwitchToggle.vue b/client/src/components/SwitchToggle.vue
index 972b68d..f606ff1 100644
--- a/client/src/components/SwitchToggle.vue
+++ b/client/src/components/SwitchToggle.vue
@@ -4,12 +4,11 @@
       v-model="selected"
       id="toggle-on"
       class="toggle toggle-left hidden"
-      name="toggle"
-      value="true"
+      :value="true"
       type="radio"
     />
     <label
-      :class="{'selected-label': selected === 'true'}"
+      :class="{'selected-label': selected}"
       for="toggle-on"
       class="inline-block py-1 rounded-l-full border-t-2 border-r border-b-2 border-l-2 border-teal-500 cursor-pointer"
     >%</label>
@@ -17,17 +16,16 @@
       v-model="selected"
       id="toggle-off"
       class="toggle toggle-right hidden"
-      name="toggle"
-      value="false"
+      :value="false"
       type="radio"
     />
     <label
-      :class="{'selected-label': selected === 'false'}"
+      :class="{'selected-label': !selected}"
       for="toggle-off"
       class="inline-block py-1 rounded-r-full border-t-2 border-r-2 border-b-2 border-l border-teal-500 cursor-pointer"
     >Total</label>
     <div
-      :class="selected === 'true' ? 'left-checked' : 'right-checked'"
+      :class="selected ? 'left-checked' : 'right-checked'"
       class="selector absolute w-1/2 inset-0 bg-teal-500"
     ></div>
   </div>
diff --git a/client/src/store/modules/settings.js b/client/src/store/modules/settings.js
index fcd9992..8710437 100644
--- a/client/src/store/modules/settings.js
+++ b/client/src/store/modules/settings.js
@@ -1,7 +1,7 @@
 export const namespaced = true
 
 export const state = {
-  percent: 'true'
+  percent: false
 }
 
 export const mutations = {
@@ -12,8 +12,8 @@ export const mutations = {
 
 export const actions = {
   async updatePercent({ commit }, percent) {
-    if (!percent) {
-      percent = localStorage.getItem('settings-percent') || 'true'
+    if (typeof (percent) !== 'boolean') {
+      percent = localStorage.getItem('settings-percent') === 'true'
     } else {
       localStorage.setItem('settings-percent', percent)
     }