diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
index b69d4b4b22..3f51b09154 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
@@ -6,6 +6,7 @@
     display: flex;
     align-items: center;
     max-width: 66.6%;
+    box-sizing: border-box;
 }
 
 .umb-node-preview--sortable {
@@ -71,6 +72,7 @@
     font-weight: bold;
     padding: 5px 15px;
     max-width: 66.6%;
+    box-sizing: border-box;
 }
 
 .umb-node-preview-add:hover {
diff --git a/src/Umbraco.Web.UI.Client/src/less/forms.less b/src/Umbraco.Web.UI.Client/src/less/forms.less
index d046ac7104..5b6e97ad71 100644
--- a/src/Umbraco.Web.UI.Client/src/less/forms.less
+++ b/src/Umbraco.Web.UI.Client/src/less/forms.less
@@ -190,7 +190,7 @@ input[type="tel"],
 input[type="color"],
 .uneditable-input {
   display: inline-block;
-  height: @baseLineHeight;
+  height: 30px;
   padding: 4px 6px;
   margin-bottom: @baseLineHeight / 2;
   font-size: @baseFontSize;
@@ -198,6 +198,7 @@ input[type="color"],
   color: @gray;
   .border-radius(@inputBorderRadius);
   vertical-align: middle;
+  box-sizing: border-box;
 }
 
 input.-full-width-input {