diff --git a/packages/vuetify/src/components/VField/VField.sass b/packages/vuetify/src/components/VField/VField.sass index e33c0b86b92..4914db775aa 100644 --- a/packages/vuetify/src/components/VField/VField.sass +++ b/packages/vuetify/src/components/VField/VField.sass @@ -278,7 +278,9 @@ --v-field-label-scale: #{$field-label-floating-scale}em font-size: var(--v-field-label-scale) visibility: hidden - max-width: 100% + + .v-field--variant-outlined & + max-width: 100% .v-field--center-affix & transform: none @@ -399,7 +401,13 @@ &__notch flex: none position: relative - max-width: calc(100% - var(--v-input-control-height)) + max-width: calc(100% - $field-control-affixed-padding * 2) + + @at-root + #{selector.append('.v-field--rounded', &)}, + #{selector.append('[class^="rounded-"]', &)}, + #{selector.append('[class*=" rounded-"]', &)} + max-width: calc(100% - var(--v-input-control-height)) &::before, &::after