diff --git a/packages/ui/src/components/Input/phoneInput.module.scss b/packages/ui/src/components/Input/phoneInput.module.scss index 4e9736cb6..e7b142afc 100644 --- a/packages/ui/src/components/Input/phoneInput.module.scss +++ b/packages/ui/src/components/Input/phoneInput.module.scss @@ -20,6 +20,10 @@ width: 100%; height: 100%; font-size: 0; + + option { + font: var(--font-body); + } } + input { diff --git a/packages/ui/src/components/Passcode/index.module.scss b/packages/ui/src/components/Passcode/index.module.scss index e48343992..1a5a25b69 100644 --- a/packages/ui/src/components/Passcode/index.module.scss +++ b/packages/ui/src/components/Passcode/index.module.scss @@ -14,12 +14,6 @@ color: var(--color-text); caret-color: var(--color-primary); - &::-webkit-outer-spin-button, - &::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; - } - &:focus { border: _.border(var(--color-primary)); } diff --git a/packages/ui/src/scss/normalized.scss b/packages/ui/src/scss/normalized.scss index 6daa49667..1378d5e15 100644 --- a/packages/ui/src/scss/normalized.scss +++ b/packages/ui/src/scss/normalized.scss @@ -16,3 +16,14 @@ input { padding: 0; margin: 0; } + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +/* Firefox */ +input[type='number'] { + -moz-appearance: textfield; +}