diff --git a/src/lib/setting.ts b/src/lib/setting.ts
index 1757db9e..d891e379 100644
--- a/src/lib/setting.ts
+++ b/src/lib/setting.ts
@@ -7,6 +7,8 @@ export const setting: Action<HTMLInputElement, {id: number; inverse?: number; sc
 ) {
   node.setAttribute("disabled", "")
   const type = node.getAttribute("type") as "number" | "checkbox"
+  const min = Number(node.getAttribute("min"))
+  const max = Number(node.getAttribute("max"))
 
   const unsubscribe = settings.subscribe(async settings => {
     if (id in settings) {
@@ -37,6 +39,8 @@ export const setting: Action<HTMLInputElement, {id: number; inverse?: number; sc
       value = Math.floor(
         inverse !== undefined ? inverse / value : scale !== undefined ? value / scale : value,
       )
+      if (!Number.isNaN(min)) value = Math.max(min, value)
+      if (!Number.isNaN(max)) value = Math.min(max, value)
     } else {
       value = node.checked ? 1 : 0
     }