diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 5838cde2a..320c43013 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -2244,8 +2244,6 @@ StScrollBar StButton#vhandle:active {
 .framed-user-icon {
     border: 2px solid #8b8b8b;
     border-radius: 5px;
-    width: 48pt;
-    height: 48pt;
     background-size: contain;
 }
 
diff --git a/js/ui/userWidget.js b/js/ui/userWidget.js
index 47c28aad0..f801a5439 100644
--- a/js/ui/userWidget.js
+++ b/js/ui/userWidget.js
@@ -29,7 +29,9 @@ const Avatar = new Lang.Class({
 
         this.actor = new St.Bin({ style_class: params.styleClass,
                                   track_hover: params.reactive,
-                                  reactive: params.reactive });
+                                  reactive: params.reactive,
+                                  width: this._iconSize,
+                                  height: this._iconSize });
     },
 
     setSensitive: function(sensitive) {