diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/dialogs/layoutconfig.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/dialogs/layoutconfig.html
index 2468bde369..5775e007f2 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/dialogs/layoutconfig.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/dialogs/layoutconfig.html
@@ -19,12 +19,12 @@
                            ng-class="{last:$last, selected:section==currentSection}"
                            ng-repeat="section in currentLayout.sections"
                            ng-click="configureSection(section, currentLayout)"
-                           style="width:{{ percentage(section.grid) }}%">
+                           ng-style="{width: percentage(section.grid) +'%'}">
                         </a>
 
                         <a class="td uSky-templates-column add" ng-if="availableLayoutSpace > 0"
                            ng-click="configureSection(undefined, currentLayout)"
-                           style="width:{{ percentage(availableLayoutSpace) }}%">
+                           ng-style="{width: percentage(availableLayoutSpace) + %}">
                             <i class="icon icon-add"></i>
                         </a>
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/dialogs/rowconfig.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/dialogs/rowconfig.html
index 855025dc33..07aa2d2fbd 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/dialogs/rowconfig.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/dialogs/rowconfig.html
@@ -20,12 +20,12 @@ ng-controller="Umbraco.PropertyEditors.GridPrevalueEditor.RowConfigController">
                              ng-class="{last:$last, selected:cell==currentCell}"
                              ng-repeat="cell in currentRow.areas"
                              ng-click="configureCell(cell, currentRow)"
-                             style="width:{{ percentage(cell.grid) }}%">
+                             ng-style="{width: percentage(cell.grid) + '%'}">
                          </a>
 
                          <a class="td uSky-templates-column add" 
                              ng-click="configureCell(undefined, currentRow)"
-                             style="width:{{ percentage(availableRowSpace) }}%">
+                             ng-style="{width: percentage(availableRowSpace) + '%'}">
                              <i class="icon icon-add"></i>
                          </a>
                      </div>
@@ -35,7 +35,7 @@ ng-controller="Umbraco.PropertyEditors.GridPrevalueEditor.RowConfigController">
             <div ng-if="currentCell" style="padding-bottom: 50px;">
 
                 <umb-control-group label="@general_width">
-                    <div  class="grid-size-scaler" >
+                    <div class="grid-size-scaler" >
                         <div class="grid-size-scaler">
                             <a href ng-click="scaleDown(currentCell)">
                                 <i class="icon icon-remove"></i>