diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbavatar.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbavatar.directive.js
index c9a45fd316..ba34a752ed 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbavatar.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbavatar.directive.js
@@ -13,8 +13,8 @@ Use this directive to render an avatar.
 
         <umb-avatar
             size="xs"
-            src="{{vm.avatar[0].value}}"
-            srcset="{{vm.avatar[1].value}} 2x, {{vm.avatar[2].value}} 3x">
+            img-src="{{vm.avatar[0].value}}"
+            img-srcset="{{vm.avatar[1].value}} 2x, {{vm.avatar[2].value}} 3x">
         </umb-avatar>
 
 	</div>
@@ -43,8 +43,8 @@ Use this directive to render an avatar.
 </pre>
 
 @param {string} size (<code>attribute</code>): The size of the avatar (xs, s, m, l, xl).
-@param {string} src (<code>attribute</code>): The image source to the avatar.
-@param {string} srcset (<code>atribute</code>): Reponsive support for the image source.
+@param {string} img-src (<code>attribute</code>): The image source to the avatar.
+@param {string} img-srcset (<code>atribute</code>): Reponsive support for the image source.
 **/
 
 (function() {
@@ -58,8 +58,8 @@ Use this directive to render an avatar.
             templateUrl: 'views/components/umb-avatar.html',
             scope: {
                 size: "@",
-                src: "@",
-                srcset: "@"
+                imgSrc: "@",
+                imgSrcset: "@"
             }
         };
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/application/umb-sections.html b/src/Umbraco.Web.UI.Client/src/views/components/application/umb-sections.html
index 43af692d3a..e4fde787da 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/application/umb-sections.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/application/umb-sections.html
@@ -5,8 +5,8 @@
                 <a href="#" ng-click="avatarClick()" hotkey="ctrl+shift+u" title="{{user.name}}" prevent-default>
                     <umb-avatar
                         size="xs"
-                        src="{{avatar[0].value}}"
-                        srcset="{{avatar[1].value}} 2x, {{avatar[2].value}} 3x">
+                        img-src="{{avatar[0].value}}"
+                        img-srcset="{{avatar[1].value}} 2x, {{avatar[2].value}} 3x">
                     </umb-avatar>
                 </a>
             </li>
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-avatar.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-avatar.html
index 4fc0085988..1d23769db2 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-avatar.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-avatar.html
@@ -1 +1 @@
-<img class="umb-avatar -{{size}}" ng-src="{{src}}" ng-srcset="{{srcset}}" />
+<img class="umb-avatar -{{size}}" ng-src="{{imgSrc}}" ng-srcset="{{imgSrcset}}" />
diff --git a/src/Umbraco.Web.UI.Client/src/views/packager/views/repo.html b/src/Umbraco.Web.UI.Client/src/views/packager/views/repo.html
index 5e68e18fa2..f351f3b234 100644
--- a/src/Umbraco.Web.UI.Client/src/views/packager/views/repo.html
+++ b/src/Umbraco.Web.UI.Client/src/views/packager/views/repo.html
@@ -162,7 +162,7 @@
                             <div class="umb-package-details__owner-profile-avatar">
                             <umb-avatar
                                 size="m"
-                                src="{{ 'https://our.umbraco.org' + vm.package.ownerInfo.ownerAvatar }}">
+                                img-src="{{ 'https://our.umbraco.org' + vm.package.ownerInfo.ownerAvatar }}">
                             </umb-avatar>
                             </div>