diff --git a/src/gcf.tsx b/src/gcf.tsx
index 74678d0..f80696d 100644
--- a/src/gcf.tsx
+++ b/src/gcf.tsx
@@ -143,7 +143,7 @@ export function GCF() {
           <div className="col-12">
             <label className="visually-hidden" for="inlineFormInputResponse">Response</label>
             <div className="input-group">
-              <input type="text" size={3} autocomplete="off" className="form-control text-center" id="inlineFormInputResponse" />
+              <input type="number" size={3} autocomplete="off" className="form-control text-center no-arrows" id="inlineFormInputResponse" />
             </div>
           </div>
           <div className="col-12">
diff --git a/src/lcm.tsx b/src/lcm.tsx
index 140867d..4df00dd 100644
--- a/src/lcm.tsx
+++ b/src/lcm.tsx
@@ -114,7 +114,7 @@ export function LCM() {
           <div className="col-12">
             <label className="visually-hidden" for="inlineFormInputResponse">Response</label>
             <div className="input-group">
-              <input type="text" size={3} autocomplete="off" className="form-control text-center" id="inlineFormInputResponse" />
+              <input type="number" size={3} autocomplete="off" className="form-control text-center no-arrows" id="inlineFormInputResponse" />
             </div>
           </div>
           <div className="col-12">