diff --git a/packages/vuetify/src/components/VIcon/VIcon.sass b/packages/vuetify/src/components/VIcon/VIcon.sass index 8b7c0081851..221e91d4f5f 100644 --- a/packages/vuetify/src/components/VIcon/VIcon.sass +++ b/packages/vuetify/src/components/VIcon/VIcon.sass @@ -34,7 +34,17 @@ width: map-get($icon-sizes, $name) height: map-get($icon-sizes, $name) - .v-icon__svg - width: map-get($icon-sizes, $name) - height: map-get($icon-sizes, $name) +// Contextual styles +.v-btn:not(.v-btn--icon) .v-icon + &--right + margin-left: calc(var(--v-btn-height) / 4.5) + margin-right: calc(var(--v-btn-height) / -9) + + &--left + margin-left: calc(var(--v-btn-height) / -9) + margin-right: calc(var(--v-btn-height) / 4.5) + &--size-default + font-size: (18/14) * 1em + width: 1em + height: 1em