diff --git a/scripts/pi-hole/js/logout.js b/scripts/pi-hole/js/logout.js
new file mode 100644
index 000000000..cffef77a2
--- /dev/null
+++ b/scripts/pi-hole/js/logout.js
@@ -0,0 +1,6 @@
+document.addEventListener("DOMContentLoaded", () => {
+  logout_button = document.getElementById("logout-button");
+  logout_button.addEventListener("click", () => {
+    utils.doLogout();
+  });
+});
diff --git a/scripts/pi-hole/lua/header_authenticated.lp b/scripts/pi-hole/lua/header_authenticated.lp
index f4a297f41..d27b80a27 100644
--- a/scripts/pi-hole/lua/header_authenticated.lp
+++ b/scripts/pi-hole/lua/header_authenticated.lp
@@ -9,6 +9,7 @@
 ]]--
 mg.include('header.lp','r')
 ?>
+    <script src="<?=pihole.fileversion('scripts/pi-hole/js/logout.js')?>"></script>
     <script src="<?=pihole.fileversion('scripts/vendor/select2.min.js')?>"></script>
     <script src="<?=pihole.fileversion('scripts/vendor/datatables.min.js')?>"></script>
     <script src="<?=pihole.fileversion('scripts/vendor/datatables.select.min.js')?>"></script>
@@ -85,7 +86,7 @@ mg.include('header.lp','r')
                                 <a class="btn-link" href="https://github.com/pi-hole" rel="noopener" target="_blank"><i class="fa-fw menu-icon fab fa-github"></i> GitHub</a>
                                 <a class="btn-link" href="https://discourse.pi-hole.net/c/announcements/5" rel="noopener" target="_blank"><i class="fa-fw menu-icon fa-solid fa-rocket"></i> Pi-hole Releases</a>
                                 <? if pihole.needLogin() then ?>
-                                <a class="btn-link" href="#" onclick="utils.doLogout();"><i class="fa-fw menu-icon fa-solid fa-arrow-right-from-bracket"></i> Log out</a>
+                                <a class="btn-link" href="#" id="logout-button"><i class="fa-fw menu-icon fa-solid fa-arrow-right-from-bracket"></i> Log out</a>
                                 <? end ?>
                             </li>
                         </ul>