diff --git a/css/_mixins.scss b/css/_mixins.scss
index d5e8ac25b..c8914a8db 100644
--- a/css/_mixins.scss
+++ b/css/_mixins.scss
@@ -66,6 +66,14 @@
   @include transform(translate(-50%, -50%))
 }
 
+/**
+* Defines the maximum width and height
+**/
+@mixin maxSize($value) {
+    max-width: $value;
+    max-height: $value;
+}
+
 @mixin transform($func) {
   -moz-transform: $func;
   -ms-transform: $func;
diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss
index 326e2a2c5..dbc9afb47 100644
--- a/css/_videolayout_default.scss
+++ b/css/_videolayout_default.scss
@@ -399,7 +399,8 @@
 }
 
 .userAvatar {
-    @include circle(60px);
+    @include maxSize(60px);
+    @include circle(50%);
     @include absoluteAligning();
 }