diff --git a/app/assets/javascripts/admin/addon/components/site-settings/integer.hbs b/app/assets/javascripts/admin/addon/components/site-settings/integer.hbs
index 873f9bc1bfb..45e1e0a3e5e 100644
--- a/app/assets/javascripts/admin/addon/components/site-settings/integer.hbs
+++ b/app/assets/javascripts/admin/addon/components/site-settings/integer.hbs
@@ -1,5 +1,6 @@
 <input
   {{on "input" (action (mut this.value) value="target.value")}}
+  type="number"
   value={{this.value}}
   min={{if this.setting.min this.setting.min null}}
   max={{if this.setting.max this.setting.max null}}
diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss
index 729d13df089..b39d670b343 100644
--- a/app/assets/stylesheets/common/base/discourse.scss
+++ b/app/assets/stylesheets/common/base/discourse.scss
@@ -203,8 +203,7 @@ input {
   &[type="url"],
   &[type="search"],
   &[type="tel"],
-  &[type="color"],
-  &.input-setting-integer {
+  &[type="color"] {
     @include appearance-none;
     @include form-item-sizing;
     display: inline-block;