diff --git a/docs/cookbooks.md b/docs/cookbooks.md
index 5a1ef200..dd963edb 100644
--- a/docs/cookbooks.md
+++ b/docs/cookbooks.md
@@ -3,5 +3,6 @@ template: cookbooks.html
 comments: true
 status: new
 hide:
+  - navigation
   - toc
 ---
diff --git a/docs/javascripts/cookbooks-card.js b/docs/javascripts/cookbooks-card.js
index 0ba66b0b..596798ba 100644
--- a/docs/javascripts/cookbooks-card.js
+++ b/docs/javascripts/cookbooks-card.js
@@ -55,11 +55,12 @@ document.addEventListener("DOMContentLoaded", function () {
 
     let authorAvatarsHTML = authorDataArray.map((authorData, index) => {
         const marginLeft = index === 0 ? '0' : '-10px';
+        const zIndex = 4 - index;
         return `
             <div
                 class="author-container"
                 data-login="${authorData.login}-${elementIndex}"
-                style="margin-left: ${marginLeft};"
+                style="margin-left: ${marginLeft}; z-index: ${zIndex};"
             >
                 <a
                     href="https://github.com/${authorData.login}"