diff --git a/template/default.twig b/template/default.twig
index f9e47ab8..c8bbd1e6 100644
--- a/template/default.twig
+++ b/template/default.twig
@@ -68,6 +68,10 @@
             $(function() {
                 // Syntax highlighting
                 hljs.initHighlightingOnLoad();
+
+                if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
+                    $('body').addClass('safari');
+                }
             });
         </script>
 
diff --git a/template/styles/main.css b/template/styles/main.css
index 28d05674..af830bc5 100644
--- a/template/styles/main.css
+++ b/template/styles/main.css
@@ -84,9 +84,13 @@ header {
 	z-index: 10;
 	overflow: hidden;
 
+	background: rgba(255, 255, 255, 0.95);
+	border-bottom: 3px solid #94a9d1;
+}
+
+.safari header {
 	background: rgba(255, 255, 255, 0.5);
 	-webkit-backdrop-filter: blur(10px);
-	border-bottom: 3px solid #94a9d1;
 }
 
 header ul {