diff --git a/src/definitions/elements/header.less b/src/definitions/elements/header.less
index e62c6f67d..5c5eedd07 100755
--- a/src/definitions/elements/header.less
+++ b/src/definitions/elements/header.less
@@ -150,6 +150,7 @@ h5.ui.header {
   display: block;
   font-size: @iconHeaderSize;
   margin: 0em auto @iconHeaderMargin;
+  opacity: @iconHeaderOpacity;
   padding: 0em;
 }
 .ui.icon.header .content {
diff --git a/src/themes/packages/default/elements/header.variables b/src/themes/packages/default/elements/header.variables
index 8482a03b0..6f658f40f 100755
--- a/src/themes/packages/default/elements/header.variables
+++ b/src/themes/packages/default/elements/header.variables
@@ -50,7 +50,7 @@
 
 /* Icon */
 @iconSize: 1em;
-@iconOffset: ((@lineHeight - 1em) / 2);
+@iconOffset: ( (@lineHeight - 1em) / 2);
 @iconMargin: 1em;
 @iconAlignment: middle;
 
@@ -67,6 +67,7 @@
 
 /* Icon Header */
 @iconHeaderSize: 3em;
+@iconHeaderOpacity: 1;
 @iconHeaderMargin: 0.2em;
 @circularHeaderIconSize: 2em;
 @squareHeaderIconSize: 2em;