diff --git a/resources/views/components/navbar.php b/resources/views/components/navbar.php
index 00c80594d39d8b534bc244b8a02c9edb16ee63a6..8f6eb32161293054e9b0e663da3e992404f9dc56 100644
--- a/resources/views/components/navbar.php
+++ b/resources/views/components/navbar.php
@@ -1,7 +1,8 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
     <div class="container-fluid">
         <a class="navbar-brand" href="?action=lireAuteurs">Bibliothèque</a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarNav">
@@ -25,9 +26,18 @@
     </div>
 </nav>
 <script type="text/javascript">
+    const defaultAction = "lireAuteurs";
     const urlParams = new URLSearchParams(window.location.search);
-    let links = document.querySelectorAll('a[href="?action='+urlParams.get("action")+'"]');
-    for (let i=0; i<links.length; i++){
-        links[i].classList.add("active");
+    if (urlParams.get("action") != null) {
+        setActiveLink(urlParams.get("action"));
+    } else {
+        setActiveLink(defaultAction);
+    }
+
+    function setActiveLink(actionName) {
+        let links = document.querySelectorAll('a[href="?action=' + actionName + '"]');
+        for (let i = 0; i < links.length; i++) {
+            links[i].classList.add("active");
+        }
     }
 </script>
\ No newline at end of file