diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less
index 777ed762ad..445d87fbb9 100644
--- a/src/Umbraco.Web.UI.Client/src/less/belle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/belle.less
@@ -206,6 +206,7 @@
 @import "../views/propertyeditors/blocklist/prevalue/blocklist.blockconfiguration.less";
 @import "../views/propertyeditors/blocklist/prevalue/blocklist.blockconfiguration.overlay.less";
 @import "../views/propertyeditors/notsupported/notsupported.less";
+@import "../views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less";
 @import "../views/propertyeditors/blocklist/blocklistentryeditors/labelblock/labelblock.editor.less";
 @import "../views/propertyeditors/blocklist/blocklistentryeditors/inlineblock/inlineblock.editor.less";
 
diff --git a/src/Umbraco.Web.UI.Client/src/less/variables.less b/src/Umbraco.Web.UI.Client/src/less/variables.less
index 26ec1d795a..2f627f3ab3 100644
--- a/src/Umbraco.Web.UI.Client/src/less/variables.less
+++ b/src/Umbraco.Web.UI.Client/src/less/variables.less
@@ -199,6 +199,7 @@
 @ui-btn-positive-type:          @white;
 
 @ui-btn-negative:               @red;
+@ui-btn-negative-type:          @white;
 @ui-btn-negative-hover:         @red;
 
 @ui-icon:             @blueNight;
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.html
new file mode 100644
index 0000000000..bdd7341528
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.html
@@ -0,0 +1,4 @@
+<button type="button" class="btn-reset umb-outline blockelement-unsupportedblock-editor blockelement__draggable-element" ng-focus="block.focus">
+    <i class="icon icon-alert"></i>
+    <span>{{block.label}}</span>
+</button>
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less
new file mode 100644
index 0000000000..214a8399fd
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less
@@ -0,0 +1,36 @@
+.blockelement-unsupportedblock-editor {
+
+    position: relative;
+    display: block;
+    margin-bottom: 4px;
+    margin-top: 4px;
+    width: 100%;
+    min-height: 48px;
+    border: 1px solid @gray-9;
+    border-radius: @baseBorderRadius;
+
+    cursor: pointer;
+    color: @ui-action-discreet-type;
+
+    text-align: left;
+    padding-left: 20px;
+    padding-bottom: 2px;
+
+    user-select: none;
+
+    transition: border-color 120ms;
+    
+    background-color: @ui-btn-negative;
+    color: @ui-btn-negative-type;
+    
+    i {
+        font-size: 22px;
+        margin-right: 5px;
+        display: inline-block;
+        vertical-align: middle;
+    }
+    span {
+        display: inline-block;
+        vertical-align: middle;
+    }
+}