diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/imaging/umbimagegravity.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/imaging/umbimagegravity.directive.js
index d0ccc4647e..bb364b79ee 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/imaging/umbimagegravity.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/imaging/umbimagegravity.directive.js
@@ -110,7 +110,7 @@ angular.module("umbraco.directives")
                         scope.isCroppable = true;
                         scope.hasDimensions = true;
 
-                        if (scope.src !== "undefined") {
+                        if (scope.src) {
                             if (scope.src.endsWith(".svg")) {
                                 scope.isCroppable = false;
                                 scope.hasDimensions = false;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/imaging/umb-image-gravity.html b/src/Umbraco.Web.UI.Client/src/views/components/imaging/umb-image-gravity.html
index ddb5ed2af1..620efb9e3f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/imaging/umb-image-gravity.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/imaging/umb-image-gravity.html
@@ -5,7 +5,7 @@
 	        <img ng-show="isCroppable" ng-src="{{src}}" style="max-width: 100%; max-height: 100%" ng-click="setFocalPoint($event)" draggable="false"/>
 	        <img ng-show="!isCroppable && !hasDimensions" ng-src="{{src}}" width="200" height="200" draggable="false" style="cursor: default;"/>
 
-	        <div ng-show="isCroppable" ng-when="isCroppable" class="overlay" ng-style="style()">
+	        <div ng-show="isCroppable" class="overlay" ng-style="style()">
 
 	        </div>