diff --git a/website/src/directory.html b/website/src/directory.html
index 30d0a7b871..4304fb0559 100644
--- a/website/src/directory.html
+++ b/website/src/directory.html
@@ -18,6 +18,7 @@ active_directory: true
align-items: flex-start;
margin-bottom: 20px;
padding: 16px;
+ word-break: break-word;
}
#directory .entry a {
diff --git a/website/src/js/directory.js b/website/src/js/directory.js
index e198231c60..eb8b457c59 100644
--- a/website/src/js/directory.js
+++ b/website/src/js/directory.js
@@ -343,7 +343,7 @@ function addPagination(entries) {
pageBtn.textContent = p.toString();
if (p === currentPage) {
pageBtn.classList.add('active');
- } else if (p === currentPage - 1 || p === currentPage + 1) {
+ } else if (p === currentPage - 1 || p === currentPage + 1 || (currentPage === 1 && p === 3) || (currentPage === totalPages && p === totalPages - 2)) {
pageBtn.classList.add('neighbor');
}
pageBtn.addEventListener('click', () => goToPage(p));