Circle avatar

1 files changed, 7 insertions, 6 deletions

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 140de1b2c..7bfc93f08 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -110,11 +110,6 @@
   }
 }
 
-@mixin avatar ($size) {
-  width: $size;
-  height: $size;
-}
-
 @mixin icon ($size) {
   display: inline-block;
   background-repeat: no-repeat;
@@ -125,7 +120,6 @@
   cursor: pointer;
 }
 
-
 @mixin peertube-select-container ($width) {
   padding: 0;
   margin: 0;
@@ -267,3 +261,10 @@
   }
 }
 
+
+@mixin avatar ($size) {
+  object-fit: cover;
+  border-radius:50%;
+  width: $size;
+  height: $size;
+}