From 6a3affaf2acce61d02baa3a67fd62f7747509d5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Kuna?=
 <1282324+codecalm@users.noreply.github.com>
Date: Fri, 11 Nov 2022 18:00:00 +0100
Subject: [PATCH] fix #1180: number input with `form-control-sm` looks weird
 (#1360)

---
 src/scss/_variables.scss |  4 ++--
 src/scss/ui/_forms.scss  | 16 ----------------
 2 files changed, 2 insertions(+), 18 deletions(-)

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 395e9b996..5992c888d 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -446,11 +446,11 @@ $input-btn-font-family: var(--#{$prefix}font-sans-serif) !default;
 $input-btn-padding-y: .5rem - .0625rem !default;
 
 $input-btn-font-size-sm: $h5-font-size !default;
-$input-btn-padding-x-sm: .5rem !default;
+$input-btn-padding-x-sm: .25rem !default;
 $input-btn-padding-y-sm: .125rem !default;
 
 $input-btn-font-size-lg: $h2-font-size !default;
-$input-btn-padding-x-lg: 1.5rem !default;
+$input-btn-padding-x-lg: .75rem !default;
 $input-btn-padding-y-lg: .5rem !default;
 
 $input-btn-focus-width: .25rem !default;
diff --git a/src/scss/ui/_forms.scss b/src/scss/ui/_forms.scss
index 8384cd21b..1e0c0a965 100644
--- a/src/scss/ui/_forms.scss
+++ b/src/scss/ui/_forms.scss
@@ -80,22 +80,6 @@ Form control
   &[size] {
     width: auto;
   }
-
-  &[type="number"] {
-    &::-webkit-inner-spin-button {
-      opacity: 1;
-      cursor: pointer;
-      height: subtract($input-height, 1px);
-      margin: 0 (-$input-padding-x) 0 0;
-    }
-
-    &::-moz-inner-spin-button {
-      opacity: 1;
-      cursor: pointer;
-      height: subtract($input-height, 1px);
-      margin: 0 (-$input-padding-x) 0 0;
-    }
-  }
 }
 
 .form-control-light {