diff --git a/template/templates/common/entry_pagination.html b/template/templates/common/entry_pagination.html
index 8b1b65e7aa909bd6e7a03ce5c4ebdd7802b9b84c..ab63c7ccdf7b598cb8a5e879825567a608c87d77 100644
--- a/template/templates/common/entry_pagination.html
+++ b/template/templates/common/entry_pagination.html
@@ -1,6 +1,6 @@
 {{ define "entry_pagination" }}
 <div class="pagination">
-    <div class="pagination-prev">
+    <div class="pagination-prev {{ if not .prevEntry }}disabled{{end}}">
         {{ if .prevEntry }}
             <a href="{{ .prevEntryRoute }}{{ if .searchQuery }}?q={{ .searchQuery }}{{ end }}" title="{{ .prevEntry.Title }}" data-page="previous" rel="prev">{{ t "pagination.previous" }}</a>
         {{ else }}
@@ -8,7 +8,7 @@
         {{ end }}
     </div>
 
-    <div class="pagination-next">
+    <div class="pagination-next {{ if not .nextEntry }}disabled{{end}}">
         {{ if .nextEntry }}
             <a href="{{ .nextEntryRoute }}{{ if .searchQuery }}?q={{ .searchQuery }}{{ end }}" title="{{ .nextEntry.Title }}" data-page="next" rel="next">{{ t "pagination.next" }}</a>
         {{ else }}
diff --git a/template/templates/common/pagination.html b/template/templates/common/pagination.html
index 0ad61c8bb6d74f808efd45708d4f8628a444c01a..964a7a0f9592bce0d635550dc27614e1bfb72732 100644
--- a/template/templates/common/pagination.html
+++ b/template/templates/common/pagination.html
@@ -1,6 +1,6 @@
 {{ define "pagination" }}
 <div class="pagination">
-    <div class="pagination-prev">
+    <div class="pagination-prev {{ if not .ShowPrev }}disabled{{end}}">
         {{ if .ShowPrev }}
             <a href="{{ .Route }}{{ if gt .PrevOffset 0 }}?offset={{ .PrevOffset }}{{ if .SearchQuery }}&amp;q={{ .SearchQuery }}{{ end }}{{ else }}{{ if .SearchQuery }}?q={{ .SearchQuery }}{{ end }}{{ end }}" data-page="previous" rel="prev">{{ t "pagination.previous" }}</a>
         {{ else }}
@@ -8,7 +8,7 @@
         {{ end }}
     </div>
 
-    <div class="pagination-next">
+    <div class="pagination-next {{ if not .ShowNext }}disabled{{end}}">
         {{ if .ShowNext }}
             <a href="{{ .Route }}?offset={{ .NextOffset }}{{ if .SearchQuery }}&amp;q={{ .SearchQuery }}{{ end }}" data-page="next" rel="next">{{ t "pagination.next" }}</a>
         {{ else }}
diff --git a/ui/static/css/common.css b/ui/static/css/common.css
index 8547136a1de3c0911d2bfc207013a99e3685ecc7..fadae2ee56c4b7f2877578e5be16b5533ccd051f 100644
--- a/ui/static/css/common.css
+++ b/ui/static/css/common.css
@@ -1065,3 +1065,7 @@ details.entry-enclosures {
 .rules-entry {
     display: flex;
 }
+
+.disabled {
+    opacity: 20%;
+}