diff --git a/src/app/components/bingocontroller.tsx b/src/app/components/bingocontroller.tsx
index d8718f7..3bb00b6 100644
--- a/src/app/components/bingocontroller.tsx
+++ b/src/app/components/bingocontroller.tsx
@@ -23,7 +23,7 @@ export default function BingoController(){
 		<div className="w-3/4 flex flex-row m-auto">
 		<Bingo size={size} items={items}/>
 		<form className="w-1/3">
-		<input type="range" min={3} max={5} value={size} className="range range-primary" step={1} onChange={({target:{value:s}}) => setSize(s)}/>
+		<input type="range" min={3} max={5} value={size} className="range range-primary" step={1} onChange={({target:{value:s}}) => setSize(+s)}/>
 		<div className="w-full flex justify-between text-xs px-2">
 			<span>3x3</span>
 			<span>4x4</span>