diff --git a/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue b/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue index bea9bcaeb..a8b72a03d 100644 --- a/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue +++ b/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue @@ -278,6 +278,7 @@ export default defineComponent({ display: inline-block; min-width: 200px; padding: 12px 16px 12px 8px; + height: 100%; &::placeholder { color: lighten($color-darkgray-200, 25%); diff --git a/packages/component-library/src/components/form/mt-number-field/mt-number-field.vue b/packages/component-library/src/components/form/mt-number-field/mt-number-field.vue index f5faf1a96..1ef1b4150 100644 --- a/packages/component-library/src/components/form/mt-number-field/mt-number-field.vue +++ b/packages/component-library/src/components/form/mt-number-field/mt-number-field.vue @@ -385,6 +385,7 @@ export default defineComponent({ transition: all 0.15s ease-out; width: 100%; flex: 1; + text-align: center; &:is(:hover, :focus-visible) { background-color: var(--color-interaction-secondary-hover); diff --git a/packages/component-library/src/components/form/mt-password-field/mt-password-field.vue b/packages/component-library/src/components/form/mt-password-field/mt-password-field.vue index 1e665f8a7..ed7673b10 100644 --- a/packages/component-library/src/components/form/mt-password-field/mt-password-field.vue +++ b/packages/component-library/src/components/form/mt-password-field/mt-password-field.vue @@ -159,10 +159,13 @@ export default defineComponent({ right: 0.5rem; top: 50%; transform: translate(0, -50%); - padding: 0.5rem; border-radius: var(--border-radius-button); outline-color: var(--color-border-brand-selected); transition: all 0.15s ease-out; + width: 2.25rem; + height: 2.25rem; + display: grid; + place-items: center; &:is(:hover, :focus-visible) { background-color: var(--color-interaction-secondary-hover);