diff --git a/themes/hermit_zola/sass/style.scss b/themes/hermit_zola/sass/style.scss
index d9824ac..89315ea 100644
--- a/themes/hermit_zola/sass/style.scss
+++ b/themes/hermit_zola/sass/style.scss
@@ -82,6 +82,7 @@ pre {
 
   code[data-name] {
     display: block;
+    position: relative;
     padding-top: 2em !important;
 
     &::before {
@@ -91,7 +92,7 @@ pre {
       top: 0;
       left: 0;
       padding-left: 1em;
-      padding-top: 0.7em;
+      padding-top: 0.2em;
       width: 100%;
       background-color: $midnightblue;
       z-index: 1;
diff --git a/themes/hermit_zola/templates/index.html b/themes/hermit_zola/templates/index.html
index 2f39956..5254c11 100644
--- a/themes/hermit_zola/templates/index.html
+++ b/themes/hermit_zola/templates/index.html
@@ -120,15 +120,14 @@
         onload="renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}, {left: '\\[', right: '\\]', display: true}, {left: '\\(', right: '\\)', display: false}]});"></script>
 
     {% if config.extra.highlightjs.enable %}
-		<link href="https://unpkg.com/highlightjs-badge/highlightjs/styles/{{config.extra.highlightjs.theme}}.css" rel="stylesheet">
-		<!-- https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.1/build/styles/  for min version -->
-		<script src="https://unpkg.com/highlightjs-badge/highlightjs/highlight.pack.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.11.1/styles/default.min.css">
+    <script src="https://unpkg.com/@highlightjs/cdn-assets@11.11.1/highlight.min.js"></script>
+    <script src="https://unpkg.com/@highlightjs/cdn-assets@11.11.1/languages/dockerfile.min.js"></script>
 		<script src="https://unpkg.com/highlightjs-badge/highlightjs-badge.min.js"></script>
+
+		<link href="{{config.extra.highlightjs.theme}}" rel="stylesheet">
 		<script>
-			var pres = document.querySelectorAll("pre>code");
-			for (var i = 0; i < pres.length; i++) {
-				hljs.highlightBlock(pres[i]);
-			}
+      hljs.highlightAll("pre>code");
 		</script>
 		{% if config.extra.highlightjs.clipboard %}
 			<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
diff --git a/values.yaml b/values.yaml
index 6185d79..9b8d1d0 100644
--- a/values.yaml
+++ b/values.yaml
@@ -11,6 +11,7 @@ ingress:
   annotations:
     cert-manager.io/cluster-issuer: cert-issuer
     external-dns.alpha.kubernetes.io/hostname: s3rius.blog
+    external-dns.alpha.kubernetes.io/cloudflare-proxied: "false"
   tls:
     - hosts:
         - s3rius.blog