Fix top border on icon header

src/definitions/elements/header.less

@@ -147,6 +147,10 @@ h5.ui.header {
 .ui.icon.header {
   display: block;
   text-align: center;
+  margin: @iconHeaderTopMargin 0em @iconHeaderBottomMargin;
+}
+.ui.icon.header:first-child {
+  margin-top: @iconHeaderFirstMargin;
 }
 .ui.icon.header .icon {
   float: none;

src/themes/packages/default/elements/header.variables

@@ -68,6 +68,11 @@
 @circularHeaderIconSize: 2em;
 @squareHeaderIconSize: 2em;
 
+/* No Line Height Offset */
+@iconHeaderTopMargin: 2rem;
+@iconHeaderBottomMargin: @bottomMargin;
+@iconHeaderFirstMargin: 0em;
+
 /* Divided */
 @dividedBorder: 1px solid rgba(0, 0, 0, 0.1);
 @dividedColoredBorderWidth: 2px;