diff --git a/app/partials/user/user-profile.jade b/app/partials/user/user-profile.jade
index ea874a87..5be8ae8b 100644
--- a/app/partials/user/user-profile.jade
+++ b/app/partials/user/user-profile.jade
@@ -14,8 +14,8 @@ div.wrapper(tg-user-profile, ng-controller="UserSettingsController as ctrl",
                     fieldset(tg-user-avatar)
                         .image-container
                             img.avatar(ng-src="{{user.big_photo}}" alt="avatar")
-                            div.overlay
-                                span.icon.icon-spinner
+                            .overlay
+                                img.loading-spinner(src="/svg/spinner-circle.svg", alt="loading...")
                         input(type="file", id="avatar-field", class="hidden",
                             tg-avatar-model="avatarAttachment")
                         p The image will be cropped to 80x80px.<br>
diff --git a/app/styles/modules/user-settings/user-profile.scss b/app/styles/modules/user-settings/user-profile.scss
index 68d11ca2..f167e087 100644
--- a/app/styles/modules/user-settings/user-profile.scss
+++ b/app/styles/modules/user-settings/user-profile.scss
@@ -33,8 +33,9 @@
                 @extend %loading-spinner;
                 border: 0;
                 flex-grow: 0;
-                transform-origin: 32 32;
-                width: 30%;
+                max-height: 3rem;
+                max-width: 3rem;
+                transform-origin: center center;
             }
             p {
                 @extend %xsmall;