From b0853267466b9b0f63f7b985f5abea718f7ae9de Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Sat, 24 Oct 2026 17:20:19 -0400
Subject: [PATCH] fix(a11y): the version link and See what's new in Settings >
 About are at least 24 pixels tall when Accessibility Mode is on (#32946)

---
 src/lib/components/chat/Settings/About.svelte | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/chat/Settings/About.svelte b/src/lib/components/chat/Settings/About.svelte
index 0183622e09..2a96535b35 100644
--- a/src/lib/components/chat/Settings/About.svelte
+++ b/src/lib/components/chat/Settings/About.svelte
@@ -5,7 +5,7 @@
 	import { getVersionUpdates } from '$lib/apis';
 	import { getOllamaVersion } from '$lib/apis/ollama';
 	import { WEBUI_BUILD_CHANNEL, WEBUI_VERSION } from '$lib/constants';
-	import { WEBUI_NAME, config, showChangelog } from '$lib/stores';
+	import { WEBUI_NAME, config, settings, showChangelog } from '$lib/stores';
 	import { compareVersion } from '$lib/utils';
 	import { onMount, getContext } from 'svelte';
 
@@ -66,7 +66,11 @@
 		>
 			<UserSettingRow description={$i18n.t('settings.personal.about.seeWhatSNew.description')}>
 				<div slot="label" class="flex flex-col text-xs text-gray-600 dark:text-gray-400">
-					<div class="flex flex-wrap gap-1">
+					<div
+						class="flex flex-wrap {($settings?.highContrastMode ?? false)
+							? 'items-center'
+							: ''} gap-1"
+					>
 						<BuildVersion />
 
 						{#if WEBUI_BUILD_CHANNEL === 'main' && $config?.features?.enable_version_update_check}
@@ -74,6 +78,9 @@
 								<span>{$i18n.t('Could not check for updates')}</span>
 							{:else}
 								<a
+									class={($settings?.highContrastMode ?? false)
+										? 'inline-flex min-h-6 items-center'
+										: ''}
 									href="https://github.com/open-webui/open-webui/releases/tag/v{version.latest}"
 									target="_blank"
 								>
@@ -88,7 +95,9 @@
 					</div>
 
 					<button
-						class="self-start {actionButtonClass}"
+						class="self-start {($settings?.highContrastMode ?? false)
+							? 'inline-flex min-h-6 items-center'
+							: ''} {actionButtonClass}"
 						on:click={() => {
 							showChangelog.set(true);
 						}}