diff --git a/src/Umbraco.Web.UI.Client/src/less/main.less b/src/Umbraco.Web.UI.Client/src/less/main.less
index ad07c6835e..4b6388a01a 100644
--- a/src/Umbraco.Web.UI.Client/src/less/main.less
+++ b/src/Umbraco.Web.UI.Client/src/less/main.less
@@ -543,14 +543,20 @@ height:1px;
 	display: inline;
 }
 
+//NOTE titles for input fields
 .input-label--title {
 	font-weight: bold;
 	color: @black;
 	margin-bottom: 3px;
 }
 
+//NOTE Use this for headers in the panels
 .panel-dialog--header {
-	font-weight: bold;
 	border-bottom: 1px solid @gray;
+	margin: 10px 0;
 	padding-bottom: 10px;
+
+	font-size: 14px * 1.25; //NOTE @font-size-h4 can't be used here for some reason. In all variables regarding font-sizes is a hassle.
+	font-weight: bold;
+	line-height: 20px;
 }
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/dialogs/template/snippet.html b/src/Umbraco.Web.UI.Client/src/views/common/dialogs/template/snippet.html
index 6724a183d6..ca2b57d618 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/dialogs/template/snippet.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/dialogs/template/snippet.html
@@ -5,7 +5,7 @@
     <div class="umb-panel">
 
         <div class="umb-panel-header">
-            <h4 class="panel-dialog--header" style="border-bottom: 1px solid whitesmoke">Configure the section</h4>
+            <div class="panel-dialog--header" style="border-bottom: 1px solid whitesmoke">Configure the section</div>
         </div>
 
         <div class="umb-panel-body with-footer umb-querybuilder">