diff --git a/src/components/atoms/Input/InputElement.module.css b/src/components/atoms/Input/InputElement.module.css index 2f9ef0936..fc21df932 100644 --- a/src/components/atoms/Input/InputElement.module.css +++ b/src/components/atoms/Input/InputElement.module.css @@ -12,6 +12,7 @@ border-radius: var(--border-radius); transition: 0.2s ease-out; min-height: 43px; + min-width: 0; appearance: none; display: block; } @@ -87,15 +88,10 @@ .prefixGroup, .postfixGroup { - display: flex; + display: inline-flex; align-items: center; } -.prefixGroup input, -.postfixGroup input { - width: auto; -} - .prefixGroup input { border-left: 0; border-top-left-radius: 0; @@ -114,11 +110,12 @@ min-height: 43px; display: flex; align-items: center; - padding-left: calc(var(--spacer) / 2); - padding-right: calc(var(--spacer) / 2); + padding-left: calc(var(--spacer) / 4); + padding-right: calc(var(--spacer) / 4); color: var(--color-secondary); font-size: var(--font-size-small); transition: border 0.2s ease-out; + white-space: nowrap; } .prefix { diff --git a/src/components/molecules/FormFields/Price/index.module.css b/src/components/molecules/FormFields/Price/index.module.css index 1490cfcd7..fd10de916 100644 --- a/src/components/molecules/FormFields/Price/index.module.css +++ b/src/components/molecules/FormFields/Price/index.module.css @@ -13,7 +13,6 @@ } .content input { - max-width: 6rem; text-align: center; }