diff --git a/CHANGES b/CHANGES
index 6b21a17fb..971fd55a5 100644
--- a/CHANGES
+++ b/CHANGES
@@ -2844,4 +2844,5 @@
 * backups: automatically trigger a remount if mount is not active
 * logs: rework the syslog parser
 * docker: use system dns for app containers
+* logs: show error message in UI when log rotated
 
diff --git a/frontend/src/components/LogsViewer.vue b/frontend/src/components/LogsViewer.vue
index 581e664fc..e02d5c5c7 100644
--- a/frontend/src/components/LogsViewer.vue
+++ b/frontend/src/components/LogsViewer.vue
@@ -26,7 +26,7 @@
 
 <script>
 
-import { Button, TopBar, MainLayout } from 'pankow';
+import { TopBar, MainLayout } from 'pankow';
 
 import LogsModel from '../models/LogsModel.js';
 import AppModel from '../models/AppModel.js';
@@ -36,7 +36,6 @@ const API_ORIGIN = import.meta.env.VITE_API_ORIGIN ? 'https://' + import.meta.en
 export default {
   name: 'LogsViewer',
   components: {
-    Button,
     MainLayout,
     TopBar
   },
@@ -159,7 +158,7 @@ export default {
     this.logsModel.stream((time, html) => {
       newLogLines.push({ time, html });
     }, function (error) {
-      console.error('Failed to start log stream:', error);
+      newLogLines.push({ time: error.time, html: error.html });
     })
   }
 };
diff --git a/frontend/src/models/LogsModel.js b/frontend/src/models/LogsModel.js
index d2aff4680..7530df79e 100644
--- a/frontend/src/models/LogsModel.js
+++ b/frontend/src/models/LogsModel.js
@@ -55,7 +55,17 @@ export function create(origin, accessToken, type, id) {
     name: 'LogsModel',
     stream(lineHandler, errorHandler) {
       eventSource = new EventSource(`${origin}${streamApi}?lines=${INITIAL_STREAM_LINES}&access_token=${accessToken}`);
-      eventSource.onerror = errorHandler;
+      eventSource._lastMessage = null;
+      eventSource.onerror = function ( /* uselessError */) {
+        if (eventSource.readyState === EventSource.CLOSED) {
+          // eventSource does not give us the HTTP error code. We have to resort to message count check and guess the reason
+          const msg = eventSource._lastMessage === null ? `Logs unavailable. Maybe the logs were logrotated.` : `Connection closed.`;
+          const e = new Error(msg);
+          e.time = moment().format('MMM DD HH:mm:ss');
+          e.html = ansiToHtml(e.message);
+          errorHandler(e);
+        }
+      };
       // eventSource.onopen = function () { console.log('stream is open'); };
       eventSource.onmessage = function (message) {
         var data;
@@ -69,6 +79,7 @@ export function create(origin, accessToken, type, id) {
         const time = data.realtimeTimestamp ? moment(data.realtimeTimestamp/1000).format('MMM DD HH:mm:ss') : '';
         const html = ansiToHtml(escapeHtml(typeof data.message === 'string' ? data.message : ab2str(data.message)));
 
+        eventSource._lastMessage = { time, html };
         lineHandler(time, html);
       };
     },