diff --git a/packages/numerals-web/src/app/page.tsx b/packages/numerals-web/src/app/page.tsx
index b6e94f7..7d2e430 100644
--- a/packages/numerals-web/src/app/page.tsx
+++ b/packages/numerals-web/src/app/page.tsx
@@ -78,6 +78,8 @@ export default function Home() {
 				dir="auto"
 				placeholder="Type number here"
 				type="number"
+				pattern="-?[0-9]*(\.[0-9]+)?"
+				inputMode="decimal"
 				value={textBoxValue}
 				onChange={(e) => {
 					setTextBoxValue(e.target.value)