diff --git a/.config/example-docker.yml b/.config/example-docker.yml
index 58ca01d7e..09062afe1 100644
--- a/.config/example-docker.yml
+++ b/.config/example-docker.yml
@@ -8,6 +8,8 @@
 #───┘ URL └─────────────────────────────────────────────────────
 
 # Final accessible URL seen by a user.
+# If your public accessible URL is on non-default different port, please add the port to the URL like this:
+# https://example.org:8443/
 url: https://example.org/
 
 # (Optional - ADVANCED) Domain used for account handles.
diff --git a/.config/example.yml b/.config/example.yml
index 944e51965..3ed137acd 100644
--- a/.config/example.yml
+++ b/.config/example.yml
@@ -7,7 +7,9 @@
 #   ┌─────┐
 #───┘ URL └─────────────────────────────────────────────────────
 
-# Final accessible URL seen by a user.
+# Final accessible URL seen by a user.                                                                            
+# If your public accessible URL is on non-default different port, please add the port to the URL like this:
+# https://example.org:8443/
 url: https://example.org/
 
 # (Optional - ADVANCED) Domain used for account handles.
diff --git a/packages/sw/src/sw.ts b/packages/sw/src/sw.ts
index 14b1faea1..fddf0022f 100644
--- a/packages/sw/src/sw.ts
+++ b/packages/sw/src/sw.ts
@@ -28,7 +28,7 @@ globalThis.addEventListener("activate", (ev) => {
 });
 
 function offlineContentHTML(): string {
-	return `<!doctype html>TrashPoss @${_VERSION_} is currently offline. Retrying in 5 seconds... <button onclick="location.reload()">Reload manually</button>`;
+	return `<!doctype html><head><title>TrashPoss</title><style type="text/css">body, button { background-color: #3B364C; color: white; }</style></head><body>TrashPoss @${_VERSION_} is currently offline. Retrying in 5 seconds... <button onclick="location.reload()">Reload manually</button>`;
 }
 
 globalThis.addEventListener("fetch", (ev) => {
