diff --git a/internal/endpoint/templates/log.html b/internal/endpoint/templates/log.html
index 6a79fcc..c727c56 100644
--- a/internal/endpoint/templates/log.html
+++ b/internal/endpoint/templates/log.html
@@ -22,6 +22,13 @@
     color: rgba(var(--fg), .3);
 }
 
+.empty-log {
+    display: block;
+    text-align: center;
+    font-size: 150%;
+    color: rgba(var(--fg), .5);
+}
+
 table {
     width: 100%;
     border-collapse: collapse;
@@ -119,6 +126,9 @@
         </form>
     </article>
     <article>
+        {{ if eq .Total 0 -}}
+        <span class="empty-log">No Data</span>
+        {{- else -}}
         {{ block "pager" . }}{{ end }}
         <table>
             <thead>
@@ -155,6 +165,7 @@
             <a href="{{ printf "/log.ltsv?%s" .RawQuery }}" type="text/plain" download="ayd-log.ltsv">LTSV</a>
             <a href="{{ printf "/log.json?%s" .RawQuery }}" type="application/json" download="ayd-log.json">JSON</a>
         </div>
+        {{ end }}
     </article>
 
     <script>
diff --git a/internal/endpoint/testdata/log.html b/internal/endpoint/testdata/log.html
index 16cd3c9..faea196 100644
--- a/internal/endpoint/testdata/log.html
+++ b/internal/endpoint/testdata/log.html
@@ -157,6 +157,13 @@
     color: rgba(var(--fg), .3);
 }
 
+.empty-log {
+    display: block;
+    text-align: center;
+    font-size: 150%;
+    color: rgba(var(--fg), .5);
+}
+
 table {
     width: 100%;
     border-collapse: collapse;
@@ -380,6 +387,7 @@
             <a href="/log.ltsv?query=&amp;since=2021-01-01T00%3A00%3A00Z&amp;until=2021-01-03T00%3A00%3A00Z" type="text/plain" download="ayd-log.ltsv">LTSV</a>
             <a href="/log.json?query=&amp;since=2021-01-01T00%3A00%3A00Z&amp;until=2021-01-03T00%3A00%3A00Z" type="application/json" download="ayd-log.json">JSON</a>
         </div>
+        
     </article>
 
     <script>