diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
index f5c565c..c060393 100644
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -94,6 +94,12 @@ jobs:
         if: steps.check-release-docs.outputs.has_docs != 'true'
         run: cp -a /tmp/dist-nightly/. ./dist/
 
+      - name: Write version.json
+        run: |
+          VERSION="${{ steps.release-ref.outputs.ref }}"
+          RELEASE_URL="https://github.com/${{ github.repository }}/releases/tag/${VERSION}"
+          printf '{"version":"%s","release_url":"%s"}\n' "$VERSION" "$RELEASE_URL" > ./dist/version.json
+
       - uses: peaceiris/actions-gh-pages@v4
         if: steps.check-release-docs.outputs.has_docs == 'true'
         with:
diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml
index 76e205b..7530043 100644
--- a/docker-compose.dev.yml
+++ b/docker-compose.dev.yml
@@ -25,6 +25,4 @@ services:
         GIT_SHA: ${GIT_SHA:-unknown}
     ports:
       - "8001:80"
-    depends_on:
-      - backend
     restart: unless-stopped
diff --git a/docker-compose.yml b/docker-compose.yml
index 801d087..6e1bb0d 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -16,6 +16,4 @@ services:
     image: ghcr.io/codebude/librislog/librislog:latest
     ports:
       - "8001:80"
-    depends_on:
-      - backend
     restart: unless-stopped
diff --git a/frontend/src/lib/components/UserMenu.svelte b/frontend/src/lib/components/UserMenu.svelte
index c8c7875..25e6af8 100644
--- a/frontend/src/lib/components/UserMenu.svelte
+++ b/frontend/src/lib/components/UserMenu.svelte
@@ -2,12 +2,13 @@
 	import { goto } from '$app/navigation';
 	import { api } from '$lib/api';
 	import { broadcastLogout, currentUser, csrfToken } from '$lib/stores/auth';
+	import type { UpdateInfo } from '$lib/stores/updateCheck';
 	import { _ } from '$lib/i18n';
 	import { cycleTheme, applyThemeToDocument, saveThemeToStorage, getThemeMode, getThemeIcon, getCustomTheme, getThemeVersion } from '$lib/stores/theme';
 	import AnimalAvatar from '$lib/components/AnimalAvatar.svelte';
-	import { Sun, Moon, Palette } from '@lucide/svelte';
+	import { Sun, Moon, Palette, CloudDownload } from '@lucide/svelte';
 
-	let { floating = true }: { floating?: boolean } = $props();
+	let { floating = true, updateInfo = null }: { floating?: boolean; updateInfo?: UpdateInfo | null } = $props();
 
 	let open = $state(false);
 	let themeIcon = $state(getThemeIcon());
@@ -71,26 +72,40 @@
 </script>
 
 <div class="{floating ? 'fixed top-4 right-4 z-50' : 'relative'}">
-	<button
-		type="button"
-		class="btn btn-ghost btn-circle"
-		onclick={onMenuToggle}
-		aria-label={$_('user.menu')}
-	>
-		{#if user}
-			<AnimalAvatar seed={user.email} size={36} class="w-9 h-9" />
-		{:else}
-			<div class="w-9 h-9 rounded-full bg-primary text-primary-content text-xs grid place-items-center font-semibold">
-				{initials}
-			</div>
+	<div class="indicator">
+		{#if updateInfo}
+			<span class="indicator-item badge badge-success badge-xs border-base-100 shadow-sm mt-1 mr-1"></span>
 		{/if}
-	</button>
+		<button
+			type="button"
+			class="btn btn-ghost btn-circle"
+			onclick={onMenuToggle}
+			aria-label={$_('user.menu')}
+		>
+			{#if user}
+				<AnimalAvatar seed={user.email} size={36} class="w-9 h-9" />
+			{:else}
+				<div class="w-9 h-9 rounded-full bg-primary text-primary-content text-xs grid place-items-center font-semibold">
+					{initials}
+				</div>
+			{/if}
+		</button>
+	</div>
 
 	{#if open}
 		<ul
 			tabindex="-1"
-			class="menu menu-sm dropdown-content absolute right-0 mt-3 w-40 rounded-xl bg-base-100 shadow z-50 p-2"
+			class="menu menu-sm dropdown-content absolute right-0 mt-3 w-48 rounded-xl bg-base-100 shadow z-50 p-2"
 		>
+			{#if updateInfo}
+				<li>
+					<a href={updateInfo.releaseUrl} target="_blank" rel="noopener noreferrer" class="text-success font-medium" onclick={() => (open = false)}>
+						<CloudDownload class="w-4 h-4" />
+						{$_('toasts.newVersion', { values: { version: updateInfo.latestVersion } })}
+					</a>
+				</li>
+				<li><hr class="menu-divider opacity-30 mt-2 mb-2 rounded-none" style="padding: 0;"></li>
+			{/if}
 			<li><a href="/profile" onclick={() => (open = false)}>{$_('user.profile')}</a></li>
 			<li><a href="/about" onclick={() => (open = false)}>{$_('user.about')}</a></li>
 			<li><hr class="menu-divider opacity-30 mt-2 mb-2 rounded-none" style="padding: 0;"></li>
diff --git a/frontend/src/lib/components/VersionLink.svelte b/frontend/src/lib/components/VersionLink.svelte
index 3f84ac7..5da7b60 100644
--- a/frontend/src/lib/components/VersionLink.svelte
+++ b/frontend/src/lib/components/VersionLink.svelte
@@ -1,5 +1,9 @@
 <script lang="ts">
 	import { version, gitSha } from '$lib/version';
+	import { _ } from '$lib/i18n';
+	import type { UpdateInfo } from '$lib/stores/updateCheck';
+
+	let { updateInfo = null }: { updateInfo?: UpdateInfo | null } = $props();
 
 	const knownSha = gitSha && gitSha !== 'unknown';
 	const isPreRelease = version.includes('-');
@@ -13,10 +17,24 @@
 		: knownSha
 			? `https://github.com/codebude/librislog/releases/tag/${version}`
 			: null;
+
+	const tooltip = $derived.by(() => {
+		if (!updateInfo) return '';
+		return $_('toasts.newVersion', { values: { version: updateInfo.latestVersion } });
+	});
 </script>
 
-{#if href}
-	<a {href} target="_blank" rel="noopener noreferrer" class="hover:underline">{displayVersion}</a>
-{:else}
-	{displayVersion}
-{/if}
+<span class="inline-flex items-center gap-1">
+	{#if href}
+		<a {href} target="_blank" rel="noopener noreferrer" class="hover:underline">{displayVersion}</a>
+	{:else}
+		{displayVersion}
+	{/if}
+	{#if updateInfo}
+		<div class="tooltip tooltip-right" data-tip={tooltip}>
+			<a href={updateInfo.releaseUrl} target="_blank" rel="noopener noreferrer" aria-label={tooltip}>
+				<span class="w-1.5 h-1.5 rounded-full bg-green-500 inline-block"></span>
+			</a>
+		</div>
+	{/if}
+</span>
diff --git a/frontend/src/lib/i18n/locales/de.json b/frontend/src/lib/i18n/locales/de.json
index 7406ae0..61befc0 100644
--- a/frontend/src/lib/i18n/locales/de.json
+++ b/frontend/src/lib/i18n/locales/de.json
@@ -119,7 +119,9 @@
     "clickToRate": "Klicke auf einen Stern zum Bewerten",
     "actionFailed": "{action} fehlgeschlagen",
     "readMore": "Mehr lesen",
-    "readLess": "Weniger lesen"
+    "readLess": "Weniger lesen",
+    "serverStarting": "Server wird gestartet...",
+    "serverStartingDesc": "Bitte warte, während der Server hochfährt."
   },
   "book": {
     "title": "Titel",
diff --git a/frontend/src/lib/i18n/locales/en.json b/frontend/src/lib/i18n/locales/en.json
index ff63301..f091803 100644
--- a/frontend/src/lib/i18n/locales/en.json
+++ b/frontend/src/lib/i18n/locales/en.json
@@ -119,7 +119,9 @@
     "clickToRate": "Click a star to rate",
     "actionFailed": "{action} failed",
     "readMore": "Read more",
-    "readLess": "Read less"
+    "readLess": "Read less",
+    "serverStarting": "Server is starting up...",
+    "serverStartingDesc": "Please wait while the server finishes booting."
   },
   "book": {
     "title": "Title",
diff --git a/frontend/src/lib/stores/updateCheck.test.ts b/frontend/src/lib/stores/updateCheck.test.ts
new file mode 100644
index 0000000..97cf147
--- /dev/null
+++ b/frontend/src/lib/stores/updateCheck.test.ts
@@ -0,0 +1,183 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { isNewer, checkForUpdate } from './updateCheck';
+
+vi.mock('$lib/version', () => ({ version: 'v1.0.0', gitSha: 'abc1234' }));
+
+const CHECK_URL = 'https://codebude.github.io/librislog/version.json';
+const STORAGE_KEY = 'librislog_update_check';
+
+function mockFetch(data: unknown, ok = true) {
+	return vi.spyOn(globalThis, 'fetch').mockResolvedValue({
+		ok,
+		json: async () => data,
+	} as Response);
+}
+
+describe('isNewer', () => {
+	it('returns true when latest is newer major', () => {
+		expect(isNewer('v2.0.0', 'v1.0.0')).toBe(true);
+	});
+
+	it('returns true when latest is newer minor', () => {
+		expect(isNewer('v1.2.0', 'v1.1.0')).toBe(true);
+	});
+
+	it('returns true when latest is newer patch', () => {
+		expect(isNewer('v1.1.2', 'v1.1.1')).toBe(true);
+	});
+
+	it('returns false when versions are equal', () => {
+		expect(isNewer('v1.1.1', 'v1.1.1')).toBe(false);
+	});
+
+	it('returns false when current is newer', () => {
+		expect(isNewer('v1.0.0', 'v2.0.0')).toBe(false);
+	});
+
+	it('returns false for dev version as latest', () => {
+		expect(isNewer('v0.0.0-dev', 'v1.0.0')).toBe(false);
+	});
+
+	it('handles pre-release tags', () => {
+		expect(isNewer('v1.2.0-rc1', 'v1.1.0')).toBe(true);
+	});
+
+	it('treats final release as newer than its own pre-release', () => {
+		expect(isNewer('v1.1.0', 'v1.1.0-rc1')).toBe(true);
+	});
+
+	it('detects newer pre-release over older release', () => {
+		expect(isNewer('v1.2.0-rc1', 'v1.1.0')).toBe(true);
+	});
+
+	it('treats pre-release as older than next release', () => {
+		expect(isNewer('v1.2.0', 'v1.1.0-rc1')).toBe(true);
+	});
+
+	it('handles version without v prefix', () => {
+		expect(isNewer('2.0.0', '1.0.0')).toBe(true);
+	});
+});
+
+describe('checkForUpdate', () => {
+	beforeEach(() => {
+		localStorage.clear();
+		vi.restoreAllMocks();
+		vi.useFakeTimers();
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+	});
+
+	it('calls fetch once and returns update info', async () => {
+		const fetchMock = mockFetch({ version: 'v2.0.0' });
+		const result = await checkForUpdate();
+		expect(fetchMock).toHaveBeenCalledTimes(1);
+		expect(result).not.toBeNull();
+	});
+
+	it('returns UpdateInfo when a newer version is available', async () => {
+		mockFetch({ version: 'v2.0.0', release_url: 'https://github.com/codebude/librislog/releases/tag/v2.0.0' });
+		const result = await checkForUpdate();
+		expect(result).toEqual({
+			latestVersion: 'v2.0.0',
+			releaseUrl: 'https://github.com/codebude/librislog/releases/tag/v2.0.0',
+		});
+	});
+
+	it('falls back to generated release URL when release_url is missing', async () => {
+		mockFetch({ version: 'v2.0.0' });
+		const result = await checkForUpdate();
+		expect(result?.releaseUrl).toBe('https://github.com/codebude/librislog/releases/tag/v2.0.0');
+	});
+
+	it('returns null when current version is already the latest', async () => {
+		mockFetch({ version: 'v1.0.0' });
+		const result = await checkForUpdate();
+		expect(result).toBeNull();
+	});
+
+	it('returns null when current version is newer than the fetched one', async () => {
+		mockFetch({ version: 'v0.9.0' });
+		const result = await checkForUpdate();
+		expect(result).toBeNull();
+	});
+
+	it('returns null on network error', async () => {
+		vi.spyOn(globalThis, 'fetch').mockRejectedValue(new Error('Network error'));
+		const result = await checkForUpdate();
+		expect(result).toBeNull();
+	});
+
+	it('returns null on non-ok response', async () => {
+		mockFetch(null, false);
+		const result = await checkForUpdate();
+		expect(result).toBeNull();
+	});
+
+	it('returns null when response has no version field', async () => {
+		mockFetch({});
+		const result = await checkForUpdate();
+		expect(result).toBeNull();
+	});
+
+	it('caches the result in localStorage', async () => {
+		mockFetch({ version: 'v2.0.0' });
+		await checkForUpdate();
+		const cached = JSON.parse(localStorage.getItem(STORAGE_KEY)!);
+		expect(cached.data).toEqual({
+			latestVersion: 'v2.0.0',
+			releaseUrl: 'https://github.com/codebude/librislog/releases/tag/v2.0.0',
+		});
+		expect(typeof cached.timestamp).toBe('number');
+	});
+
+	it('reads from localStorage cache within TTL and does not fetch again', async () => {
+		const cachedData = {
+			timestamp: Date.now(),
+			data: { latestVersion: 'v2.0.0', releaseUrl: 'https://github.com/codebude/librislog/releases/tag/v2.0.0' },
+		};
+		localStorage.setItem(STORAGE_KEY, JSON.stringify(cachedData));
+		const fetchMock = mockFetch({ version: 'v3.0.0' });
+		const result = await checkForUpdate();
+		expect(fetchMock).not.toHaveBeenCalled();
+		expect(result).toEqual(cachedData.data);
+	});
+
+	it('fetches again when cache has expired', async () => {
+		const cachedData = {
+			timestamp: Date.now() - 61 * 60 * 1000,
+			data: { latestVersion: 'v2.0.0', releaseUrl: '' },
+		};
+		localStorage.setItem(STORAGE_KEY, JSON.stringify(cachedData));
+		const fetchMock = mockFetch({ version: 'v3.0.0' });
+		const result = await checkForUpdate();
+		expect(fetchMock).toHaveBeenCalledOnce();
+		expect(result?.latestVersion).toBe('v3.0.0');
+	});
+
+	it('ignores malformed cache and fetches fresh', async () => {
+		localStorage.setItem(STORAGE_KEY, 'not-json');
+		const fetchMock = mockFetch({ version: 'v2.0.0' });
+		const result = await checkForUpdate();
+		expect(fetchMock).toHaveBeenCalledOnce();
+		expect(result).not.toBeNull();
+	});
+
+	it('caches null result on failed fetch', async () => {
+		vi.spyOn(globalThis, 'fetch').mockRejectedValue(new Error('fail'));
+		await checkForUpdate();
+		const cached = JSON.parse(localStorage.getItem(STORAGE_KEY)!);
+		expect(cached.data).toBeNull();
+	});
+
+	it('skips fetch when cached null result is still valid', async () => {
+		const cachedData = { timestamp: Date.now(), data: null };
+		localStorage.setItem(STORAGE_KEY, JSON.stringify(cachedData));
+		const fetchMock = mockFetch({ version: 'v2.0.0' });
+		const result = await checkForUpdate();
+		expect(fetchMock).not.toHaveBeenCalled();
+		expect(result).toBeNull();
+	});
+});
diff --git a/frontend/src/lib/stores/updateCheck.ts b/frontend/src/lib/stores/updateCheck.ts
new file mode 100644
index 0000000..a82217c
--- /dev/null
+++ b/frontend/src/lib/stores/updateCheck.ts
@@ -0,0 +1,76 @@
+import { version } from '$lib/version';
+
+export interface UpdateInfo {
+	latestVersion: string;
+	releaseUrl: string;
+}
+
+const STORAGE_KEY = 'librislog_update_check';
+const CACHE_TTL = 60 * 60 * 1000;
+const CHECK_URL = 'https://codebude.github.io/librislog/version.json';
+
+function parseVersion(v: string): { parts: number[]; isPreRelease: boolean } {
+	const segments = v.replace(/^v/, '').split(/[.-]/);
+	const nums = segments.map(Number);
+	return {
+		parts: nums.filter(n => !isNaN(n)),
+		isPreRelease: nums.some(isNaN),
+	};
+}
+
+export function isNewer(latest: string, current: string): boolean {
+	const l = parseVersion(latest);
+	const c = parseVersion(current);
+	for (let i = 0; i < Math.max(l.parts.length, c.parts.length); i++) {
+		const lv = l.parts[i] ?? 0;
+		const cv = c.parts[i] ?? 0;
+		if (lv > cv) return true;
+		if (lv < cv) return false;
+	}
+	if (!l.isPreRelease && c.isPreRelease) return true;
+	if (l.isPreRelease && !c.isPreRelease) return false;
+	return false;
+}
+
+interface CachedData {
+	timestamp: number;
+	data: UpdateInfo | null;
+}
+
+export async function checkForUpdate(): Promise<UpdateInfo | null> {
+	if (version === 'v0.0.0-dev') return null;
+
+	const cached = localStorage.getItem(STORAGE_KEY);
+	if (cached) {
+		try {
+			const parsed: CachedData = JSON.parse(cached);
+			if (Date.now() - parsed.timestamp < CACHE_TTL) {
+				return parsed.data;
+			}
+		} catch {
+			/* stale cache */
+		}
+	}
+
+	try {
+		const res = await fetch(CHECK_URL);
+		if (!res.ok) {
+			localStorage.setItem(STORAGE_KEY, JSON.stringify({ timestamp: Date.now(), data: null }));
+			return null;
+		}
+		const data: { version?: string; release_url?: string } = await res.json();
+		if (!data.version || !isNewer(data.version, version)) {
+			localStorage.setItem(STORAGE_KEY, JSON.stringify({ timestamp: Date.now(), data: null }));
+			return null;
+		}
+		const info: UpdateInfo = {
+			latestVersion: data.version,
+			releaseUrl: data.release_url ?? `https://github.com/codebude/librislog/releases/tag/${data.version}`,
+		};
+		localStorage.setItem(STORAGE_KEY, JSON.stringify({ timestamp: Date.now(), data: info }));
+		return info;
+	} catch {
+		localStorage.setItem(STORAGE_KEY, JSON.stringify({ timestamp: Date.now(), data: null }));
+		return null;
+	}
+}
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 258dfed..9ba7df1 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -12,9 +12,10 @@
 	import { _, setupI18n } from '$lib/i18n';
 	import { setTimezone, setQuoteServiceEnabled } from '$lib/stores/timezone';
 	import { loadThemeFromStorage, applyThemeToDocument, setThemeMode, setCustomTheme, saveThemeToStorage, sanitizeThemeMode, THEME_MODE_KEY } from '$lib/stores/theme';
-	import { LayoutDashboard, BookOpen, ScrollText, BarChart3, Settings } from '@lucide/svelte';
+	import { LayoutDashboard, BookOpen, ScrollText, BarChart3, Settings, CloudDownload } from '@lucide/svelte';
 	import { version } from '$lib/version';
 	import VersionLink from '$lib/components/VersionLink.svelte';
+	import { checkForUpdate, type UpdateInfo } from '$lib/stores/updateCheck';
 	import { toasts } from '$lib/toasts';
 	import '@fontsource/inter/300.css';
 	import '@fontsource/inter/400.css';
@@ -32,7 +33,9 @@
 	let addBookOpen = $state(false);
 	let i18nReady = $state(false);
 	let authReady = $state(false);
+	let backendReady = $state(false);
 	let versionInterval: ReturnType<typeof setInterval> | undefined;
+	let updateInfo: UpdateInfo | null = $state(null);
 	const isPublicAuthRoute = $derived(
 		$page.url.pathname.startsWith('/setup') ||
 			$page.url.pathname.startsWith('/login') ||
@@ -45,6 +48,18 @@
 	import { setContext } from 'svelte';
 	setContext('openAddBook', () => (addBookOpen = true));
 
+	async function waitForBackend(): Promise<void> {
+		for (let i = 0; i < 30; i++) {
+			try {
+				const res = await fetch('/api/auth/setup-required');
+				if (res.ok) return;
+			} catch {
+				// backend not ready yet
+			}
+			await new Promise(r => setTimeout(r, 2000));
+		}
+	}
+
 		onMount(async () => {
 		initAuthSync(() => {
 			currentUser.set(null);
@@ -56,7 +71,13 @@
 		await setupI18n();
 		i18nReady = true;
 
+		// Wait for backend on login/setup/oidc routes so the page doesn't
+		// render before the server is ready (e.g. OIDC config fetch).
 		const path = $page.url.pathname;
+		if (path.startsWith('/login') || path.startsWith('/setup') || path.startsWith('/auth/oidc')) {
+			await waitForBackend();
+		}
+		backendReady = true;
 		const isSetupRoute = path.startsWith('/setup');
 		const isLoginRoute = path.startsWith('/login');
 		const isOidcCallbackRoute = path.startsWith('/auth/oidc');
@@ -155,6 +176,8 @@
 		};
 		checkVersion();
 		versionInterval = setInterval(checkVersion, 300000);
+
+		checkForUpdate().then(info => { updateInfo = info; });
 	});
 
 	onDestroy(() => clearInterval(versionInterval));
@@ -227,7 +250,20 @@
 	<title>{pageTitle()}</title>
 </svelte:head>
 
-{#if !i18nReady || !authReady}
+{#if !i18nReady}
+	<div class="min-h-screen bg-base-200 flex items-center justify-center">
+		<span class="loading loading-spinner loading-lg"></span>
+	</div>
+{:else if !backendReady}
+	<div class="min-h-screen bg-base-200 flex flex-col items-center justify-center gap-4 px-4">
+		<Logo class="w-20 h-20" />
+		<div class="text-center">
+			<p class="text-lg font-medium">{$_('common.serverStarting')}</p>
+			<p class="text-sm text-base-content/60 mt-1">{$_('common.serverStartingDesc')}</p>
+		</div>
+		<span class="loading loading-spinner loading-md"></span>
+	</div>
+{:else if !authReady}
 	<div class="min-h-screen bg-base-200 flex items-center justify-center">
 		<span class="loading loading-spinner loading-lg"></span>
 	</div>
@@ -237,7 +273,7 @@
 <div class="min-h-screen bg-base-200 flex">
 	<!-- Floating user menu (desktop) -->
 	<div class="hidden md:block">
-		<UserMenu />
+		<UserMenu {updateInfo} />
 	</div>
 	<!-- Sidebar (desktop) -->
 	<aside class="hidden md:flex flex-col w-56 bg-base-100 shadow-md fixed top-0 left-0 h-full z-30 p-4 gap-4">
@@ -267,7 +303,7 @@
 					<path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.385-1.335-1.755-1.335-1.755-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 21.795 24 17.295 24 12 24 5.37 18.63 0 12 0"/>
 				</svg>
 			</a>
-			<span><VersionLink /></span>
+			<span><VersionLink {updateInfo} /></span>
 		</div>
 	</aside>
 
@@ -281,8 +317,8 @@
 					<span class="font-bold tracking-tight hidden sm:inline">{$_('app.title')}</span>
 				</a>
 			</div>
-			<div class="navbar-end">
-				<UserMenu floating={false} />
+			<div class="navbar-end gap-1">
+				<UserMenu floating={false} {updateInfo} />
 			</div>
 		</div>