diff --git a/CHANGELOG.md b/CHANGELOG.md
index 55298901618..bfc70e8449b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ### Bugfixes
 * **Graph Panel**: Bar width if bars was only used in series override, [#6528](https://github.com/grafana/grafana/issues/6528)
+* **UI/Browser**: Fixed issue with page/view header gradient border not showing in Safari, [#6530](https://github.com/grafana/grafana/issues/6530)
 
 # 4.0-beta1 (2016-11-09)
 
diff --git a/public/sass/mixins/_mixins.scss b/public/sass/mixins/_mixins.scss
index d6f1cf2afc1..78f9d3fca08 100644
--- a/public/sass/mixins/_mixins.scss
+++ b/public/sass/mixins/_mixins.scss
@@ -335,21 +335,24 @@
 }
 
 @mixin left-brand-border-gradient() {
+  border: none;
   border-image: linear-gradient(rgba(255,213,0,1) 0%, rgba(255,68,0,1) 99%, rgba(255,68,0,1) 100%);
   border-image-slice: 1;
+  border-style: solid;
   border-top: 0;
   border-right: 0;
   border-bottom: 0;
-  border-left: 2px solid transparent;
+  border-left-width: 2px;
 }
 
 @mixin brand-bottom-border() {
   border-image: $brand-gradient;
   border-image-slice: 1;
+  border-style: solid;
   border-top: 0;
   border-right: 0;
   border-left: 0;
-  border-bottom: 1px solid transparent;
+  border-bottom-width: 1px;
 }