diff --git a/src/pcj/static/pcj/css/style_pcj.css b/src/pcj/static/pcj/css/style_pcj.css
index 11d2cfa7ef8f7ba688b76f20c79c101aadc896f2..91e8906d938bb6abb0817bd0a5f6238f8e1a06b3 100644
--- a/src/pcj/static/pcj/css/style_pcj.css
+++ b/src/pcj/static/pcj/css/style_pcj.css
@@ -433,6 +433,10 @@ a {
     color: #2e75b6;
 }
 
+.header-link {
+    color: var(--header-nav-link-color);
+}
+
 ol {
     list-style-type: none;
 }
diff --git a/src/pcj/templates/pcj/home.html b/src/pcj/templates/pcj/home.html
index 5ccc7027ff93d148ba86d608a96f2813b4ff516e..13d305e370c06a16da2d9e649dd1b7c2b595d3f9 100644
--- a/src/pcj/templates/pcj/home.html
+++ b/src/pcj/templates/pcj/home.html
@@ -28,21 +28,21 @@
         <li><a href="https://bsky.app/profile/peercomjournal.bsky.social" target="_blank"><i class="fa-brands fa-bluesky"></i> on Bluesky</a></li>
         <li><a href="https://twitter.com/peercomjournal" target="_blank"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i> on X</a></li>
       </ul>
-      <h3>People</h3>
+      <h3><a class="header-link" href="/page/people">People</a></h3>
       <ul class="list-unstyled">
         <li><a href="{% url "page_detail" "people" %}#ExecutiveBoard">Executive board</a></li>
         <li><a href="{% url "page_detail" "people" %}#Managingcoordinator">Managing coordinator</a></li>
         <li><a href="{% url "page_detail" "people" %}#Editorialboard">Editorial board</a></li>
       </ul>
 
-      <h3>Sections</h3>
+      <h3><a class="header-link" href="/section">Sections</a></h3>
       <ul class="list-unstyled">
         {% for sectionKey, sectionValue in sections.items %}
           <li><a href="{% url "section-detail" slug=sectionKey %}" >{{ sectionValue.value}} <span class="badge rounded-pill bg-secondary">{{sectionValue.total}}</span></a></li>
         {% endfor %}
       </ul>
       {% if conferences %}
-      <h3>Conferences</h3>
+      <h3><a class="header-link" href="/conference">Conferences</a></h3>
       <ul class="list-unstyled">
       {% for conf in conferences %}
         <li><a href="{% url 'conference-detail' slug=conf %}">{{ conf }}</a></li>
@@ -50,7 +50,7 @@
       </ul>
       {% endif %}
 
-     <h3>Indexed by</h3>
+     <h3><a class="header-link" href="/page/indexation">Indexed by</a></h3>
       <ul class="list-unstyled" style="margin-bottom:0">
         <li>
           <a href="https://scholar.google.com/scholar?as_q=&as_epq=&as_oq=&as_eq=&as_occt=any&as_sauthors=&as_publication=Peer+Community+Journal&as_ylo=&as_yhi=&hl=fr&as_sdt=0%2C5" target="_blank"><img src="{% static 'pcj/img/Logo_Google_Scholar.png' %}" class="img-responsive databases-thumbnail"></a></li>
@@ -68,7 +68,7 @@
         <a href="/page/indexation">View all databases</a>
       </div>
 
-      <h3>Supporters</h3>
+      <h3><a class="header-link" href="/page/supporters">Supporters</a></h3>
       <!-- Carousel -->
       <div id="supporters-carousel" class="carousel slide" data-bs-ride="carousel">
         <!-- Wrapper for slides -->