diff --git a/src/modules/mkb/mkb-remapper.ts b/src/modules/mkb/mkb-remapper.ts
index f1c64cf..eb03155 100644
--- a/src/modules/mkb/mkb-remapper.ts
+++ b/src/modules/mkb/mkb-remapper.ts
@@ -451,8 +451,7 @@ export class MkbRemapper {
         // Render mouse settings
         const $mouseSettings = document.createDocumentFragment();
 
-        let key: MkbPresetKey;
-        for (key in MkbPreset.MOUSE_SETTINGS) {
+        for (const key in MkbPreset.MOUSE_SETTINGS) {
             const setting = MkbPreset.MOUSE_SETTINGS[key];
             const value = setting.default;
 
@@ -466,7 +465,7 @@ export class MkbRemapper {
                 );
 
             $mouseSettings.appendChild($row);
-            this.#$.allMouseElements[key] = $elm;
+            this.#$.allMouseElements[key as MkbPresetKey] = $elm;
         }
 
         $rows.appendChild($mouseSettings);
diff --git a/src/modules/settings.ts b/src/modules/settings.ts
index 5275d74..2baf91e 100644
--- a/src/modules/settings.ts
+++ b/src/modules/settings.ts
@@ -191,6 +191,7 @@ export class SettingElement {
                 return;
             }
 
+            let value = parseInt($range.value);
             const btnType = (e.target as HTMLElement).getAttribute('data-type');
             if (btnType === 'dec') {
                 value = Math.max(MIN, value - STEPS);
@@ -198,8 +199,8 @@ export class SettingElement {
                 value = Math.min(MAX, value + STEPS);
             }
 
-            $text.textContent = value + options.suffix;
-            $range && ($range.value = value);
+            $text.textContent = value.toString() + options.suffix;
+            $range && ($range.value = value.toString());
 
             isHolding = false;
             onChange && onChange(e, value);