diff --git a/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.controller.js b/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.controller.js
index 371c93d169..7f948aaf57 100644
--- a/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.controller.js
@@ -138,14 +138,14 @@ var app = angular.module("Umbraco.canvasdesigner", ['spectrumcolorpicker', 'ui.s
 
             });
 
-            // Refrech page style
+            // Refresh page style
             refreshFrontStyles(parameters);
 
-            // Refrech layout of selected element
+            // Refresh layout of selected element
             //$timeout(function () {
             $scope.positionSelectedHide();
                 if ($scope.currentSelected) {
-                    refrechOutlineSelected($scope.currentSelected);
+                    refreshOutlineSelected($scope.currentSelected);
                 }
             //}, 200);
 
@@ -310,7 +310,7 @@ var app = angular.module("Umbraco.canvasdesigner", ['spectrumcolorpicker', 'ui.s
     $scope.setCurrentSelected = function(item) {
         $scope.currentSelected = item;
         $scope.clearSelectedCategory();
-        refrechOutlineSelected($scope.currentSelected);
+        refreshOutlineSelected($scope.currentSelected);
     }
 
     /* Editor categories */
@@ -349,8 +349,8 @@ var app = angular.module("Umbraco.canvasdesigner", ['spectrumcolorpicker', 'ui.s
     };
 
     var refreshFrontStyles = function (parameters) {
-        if (document.getElementById("resultFrame").contentWindow.refrechLayout)
-            document.getElementById("resultFrame").contentWindow.refrechLayout(parameters);
+        if (document.getElementById("resultFrame").contentWindow.refreshLayout)
+            document.getElementById("resultFrame").contentWindow.refreshLayout(parameters);
     };
 
     var hideUmbracoPreviewBadge = function () {
@@ -370,10 +370,10 @@ var app = angular.module("Umbraco.canvasdesigner", ['spectrumcolorpicker', 'ui.s
         $scope.outlineSelectedHide();
     };
 
-    var refrechOutlineSelected = function (config) {
+    var refreshOutlineSelected = function (config) {
         var schema = config.selector ? config.selector : config.schema;
-        if (document.getElementById("resultFrame").contentWindow.refrechOutlineSelected)
-            document.getElementById("resultFrame").contentWindow.refrechOutlineSelected(schema);
+        if (document.getElementById("resultFrame").contentWindow.refreshOutlineSelected)
+            document.getElementById("resultFrame").contentWindow.refreshOutlineSelected(schema);
     }
 
     $scope.outlineSelectedHide = function () {
@@ -382,10 +382,10 @@ var app = angular.module("Umbraco.canvasdesigner", ['spectrumcolorpicker', 'ui.s
             document.getElementById("resultFrame").contentWindow.outlineSelectedHide();
     };
 
-    $scope.refrechOutlinePosition = function (config) {
+    $scope.refreshOutlinePosition = function (config) {
         var schema = config.selector ? config.selector : config.schema;
-        if (document.getElementById("resultFrame").contentWindow.refrechOutlinePosition)
-            document.getElementById("resultFrame").contentWindow.refrechOutlinePosition(schema);
+        if (document.getElementById("resultFrame").contentWindow.refreshOutlinePosition)
+            document.getElementById("resultFrame").contentWindow.refreshOutlinePosition(schema);
     }
 
     $scope.positionSelectedHide = function () {
@@ -479,7 +479,7 @@ var app = angular.module("Umbraco.canvasdesigner", ['spectrumcolorpicker', 'ui.s
                 var iframe = (element.context.contentWindow || element.context.contentDocument);
                 if(iframe && iframe.document.getElementById("umbracoPreviewBadge"))
 					iframe.document.getElementById("umbracoPreviewBadge").style.display = "none";
-                if (!document.getElementById("resultFrame").contentWindow.refrechLayout) {
+                if (!document.getElementById("resultFrame").contentWindow.refreshLayout) {
                     scope.frameLoaded = true;
                     scope.$apply();
                 }
diff --git a/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.front.js b/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.front.js
index d9e0ff99e9..838a61ae91 100644
--- a/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.front.js
+++ b/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.front.js
@@ -4,7 +4,7 @@
 
 var currentTarget = undefined;
 
-var refrechLayout = function (parameters) {
+var refreshLayout = function (parameters) {
 
     // hide preview badget
     $("#umbracoPreviewBadge").hide();
@@ -107,7 +107,7 @@ var initIntelCanvasdesigner = function (canvasdesignerModel) {
                     currentTarget = target;
                     outlineSelected();
 
-                    parent.refrechIntelCanvasdesigner(target.attr('canvasdesigner-over'), target);
+                    parent.refreshIntelCanvasdesigner(target.attr('canvasdesigner-over'), target);
                     return false;
                 });
             }
@@ -120,7 +120,7 @@ var initIntelCanvasdesigner = function (canvasdesignerModel) {
 
 }
 
-var refrechOutlinePosition = function(schema) {
+var refreshOutlinePosition = function(schema) {
     outlinePosition($(schema));
 }
 
@@ -155,7 +155,7 @@ var outlinePosition = function (oTarget) {
     }
 }
 
-var refrechOutlineSelected = function (schema) {
+var refreshOutlineSelected = function (schema) {
     outlineSelected($(schema));
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.global.js b/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.global.js
index d86cb21832..116966c016 100644
--- a/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.global.js
+++ b/src/Umbraco.Web.UI.Client/src/canvasdesigner/canvasdesigner.global.js
@@ -4,7 +4,7 @@
 /*********************************************************************************************************/
 
 /* Called for every canvasdesigner-over rollover */
-var refrechIntelCanvasdesigner = function (schema) {
+var refreshIntelCanvasdesigner = function (schema) {
 
     var scope = angular.element($("#canvasdesignerPanel")).scope();
 
diff --git a/src/Umbraco.Web.UI.Client/src/canvasdesigner/index.html b/src/Umbraco.Web.UI.Client/src/canvasdesigner/index.html
index 843ec3bd6f..2fdff9ec1f 100644
--- a/src/Umbraco.Web.UI.Client/src/canvasdesigner/index.html
+++ b/src/Umbraco.Web.UI.Client/src/canvasdesigner/index.html
@@ -95,7 +95,7 @@
                 </div>
                 <div class="content">
                     <ul class="samples">
-                        <li ng-repeat="configItem in canvasdesignerModel.configs" ng-mousemove="refrechOutlinePosition(configItem)" ng-click="setCurrentSelected(configItem)">
+                        <li ng-repeat="configItem in canvasdesignerModel.configs" ng-mousemove="refreshOutlinePosition(configItem)" ng-click="setCurrentSelected(configItem)">
                             {{configItem.name}}
                         </li>
                     </ul>