+
{surplus > 1
? childrenArray.slice(0, surplus * -1).map((c) => c)
: children}
diff --git a/src/components/UserAvatarGroup/style.module.scss b/src/components/UserAvatarGroup/style.module.scss
index 9604202..c9ee551 100644
--- a/src/components/UserAvatarGroup/style.module.scss
+++ b/src/components/UserAvatarGroup/style.module.scss
@@ -1,5 +1,25 @@
@import '../../styles/colors.scss';
+.container {
+ padding: 0 0 0 10px;
+
+ > * {
+ transition: margin ease 0.2s;
+ margin: 0 0 0 -10px;
+ position: relative;
+ z-index: 1;
+ &:first-child {
+ margin-left: -10px !important;
+ }
+ }
+
+ > *:hover,
+ > *:focus-within {
+ margin: 0 15px 0 5px;
+ z-index: 2;
+ }
+}
+
.icon {
width: 40px;
height: 40px;