@import "variables"; vn-avatar { display: block; border-radius: 50%; overflow: hidden; height: 36px; width: 36px; font-size: 22px; background-color: $color-main; position: relative; & > * { width: 100%; height: 100%; } & > .letter { display: flex; align-items: center; justify-content: center; } & > .image { position: absolute; top: 0; left: 0; & > img { width: 100%; height: 100%; } } }