diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/inlineblock/inlineblock.editor.less b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/inlineblock/inlineblock.editor.less
index 08306deeba..45a4c08598 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/inlineblock/inlineblock.editor.less
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/inlineblock/inlineblock.editor.less
@@ -4,7 +4,7 @@
     margin-top: 4px;
     border: 1px solid @gray-9;
     border-radius: @baseBorderRadius;
-    transition: border-color 120ms;
+    transition: border-color 120ms, background-color 120ms;
 
     .umb-block-list__block:not(.--active) &:hover {
         border-color: @gray-8;
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/labelblock/labelblock.editor.less b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/labelblock/labelblock.editor.less
index f589249f97..6611e1b209 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/labelblock/labelblock.editor.less
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/labelblock/labelblock.editor.less
@@ -14,7 +14,7 @@
     padding-left: 20px;
     padding-bottom: 2px;
     user-select: none;
-    transition: border-color 120ms;
+    transition: border-color 120ms, background-color 120ms;
 
     i {
         font-size: 22px;
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-property-editor.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-property-editor.html
index 4d3031602a..bc5824cf90 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-property-editor.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-property-editor.html
@@ -13,7 +13,9 @@
                         ng-click="vm.showCreateDialog($index, $event)"
                         ng-controller="Umbraco.PropertyEditors.BlockListPropertyEditor.CreateButtonController as inlineCreateButtonCtrl"
                         ng-mousemove="inlineCreateButtonCtrl.onMouseMove($event)">
-                    <div class="__plus" ng-style="{'left':inlineCreateButtonCtrl.plusPosX}">+</div>
+                    <div class="__plus" ng-style="{'left':inlineCreateButtonCtrl.plusPosX}">
+                        <i class="icon icon-add" aria-hidden="true"></i>
+                    </div>
                 </button>
 
                 <umb-block-list-row block-editor-api="vm.blockEditorApi"
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-property-editor.less b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-property-editor.less
index 5a8c21250b..e290c6e856 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-property-editor.less
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-property-editor.less
@@ -179,6 +179,8 @@ ng-form.ng-invalid-val-server-match-settings > .umb-block-list__block > .umb-blo
         left: 0;
         height: 2px;
         animation: umb-block-list__block--create-button_before 400ms ease-in-out alternate infinite;
+        transform: scaleX(.99);
+        transition: transform 240ms ease-out;
 
         @keyframes umb-block-list__block--create-button_before {
             0%   { opacity: 1; }
@@ -197,39 +199,40 @@ ng-form.ng-invalid-val-server-match-settings > .umb-block-list__block > .umb-blo
         height: 28px;
         margin-left: -16px - 8px;
         margin-top: -16px;
-        padding: 0;
         border-radius: 3em;
+        font-size: 14px;
         border: 2px solid @blueMid;
         color: @blueMid;
-        line-height: 22px;
-        font-size: 20px;
-        font-weight: 800;
         background-color: rgba(255, 255, 255, .96);
         box-shadow: 0 0 0 2px rgba(255, 255, 255, .96);
         transform: scale(0);
         transition: transform 240ms ease-in;
-        animation: umb-block-list__block--create-button__plus 400ms ease-in-out infinite;
+        
+        animation: umb-block-list__block--create-button__plus 400ms ease-in-out alternate infinite;
 
         @keyframes umb-block-list__block--create-button__plus {
-            0%   { color: rgba(@blueMid, 0.8); }
-            50% { color: rgba(@blueMid, 1); }
+            0%   { color: rgba(@blueMid, 1); }
             100% { color: rgba(@blueMid, 0.8); }
         }
+        
     }
 
     &:focus {
         > .__plus {
-            border: 2px solid @ui-outline;
+            border-color: @ui-outline;
         }
     }
 
     &:hover, &:focus {
         opacity: 1;
-        transition-duration: 120ms;
 
+        &::before {
+            transform: scaleX(1);
+        }
         > .__plus {
             transform: scale(1);
             transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+            
         }
     }
 }