diff --git a/src/composables/useErrorHandling.ts b/src/composables/useErrorHandling.ts
index 9dce59340c..4340fed670 100644
--- a/src/composables/useErrorHandling.ts
+++ b/src/composables/useErrorHandling.ts
@@ -52,10 +52,17 @@ export interface ErrorRecoveryStrategy<
 export function useErrorHandling() {
   const toast = useToastStore()
   const toastErrorHandler = (error: unknown) => {
+    const isNetworkError =
+      error instanceof TypeError && error.message === 'Failed to fetch'
+    const message = isNetworkError
+      ? t('g.disconnectedFromBackend')
+      : error instanceof Error
+        ? error.message
+        : t('g.unknownError')
     toast.add({
       severity: 'error',
       summary: t('g.error'),
-      detail: error instanceof Error ? error.message : t('g.unknownError')
+      detail: message
     })
     console.error(error)
   }
diff --git a/src/locales/en/main.json b/src/locales/en/main.json
index 66ab62d963..5544c45f72 100644
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -98,6 +98,7 @@
     "unknownFile": "Unknown file",
     "reconnecting": "Reconnecting",
     "reconnected": "Reconnected",
+    "disconnectedFromBackend": "Disconnected from backend. Check if the server is running.",
     "delete": "Delete",
     "rename": "Rename",
     "save": "Save",