diff --git a/src/components/Avatar.scss b/src/components/Avatar.scss index 90e5ce96a..86b9c4238 100644 --- a/src/components/Avatar.scss +++ b/src/components/Avatar.scss @@ -4,8 +4,8 @@ .Avatar { width: 1.25rem; height: 1.25rem; + position: relative; border-radius: 100%; - outline: 2px solid var(--avatar-border-color); outline-offset: 2px; display: flex; justify-content: center; @@ -21,5 +21,16 @@ height: 100%; border-radius: 100%; } + + &::before { + content: ""; + position: absolute; + top: -3px; + right: -3px; + bottom: -3px; + left: -3px; + border: 1px solid var(--avatar-border-color); + border-radius: 100%; + } } } diff --git a/src/components/UserList.scss b/src/components/UserList.scss index 89740aef7..e224673c0 100644 --- a/src/components/UserList.scss +++ b/src/components/UserList.scss @@ -7,6 +7,7 @@ display: flex; flex-wrap: wrap; justify-content: flex-end; + align-items: center; gap: 0.625rem; &:empty {