From 637da15918470689ff222a754eb92475ce944208 Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Sat, 24 Oct 2026 17:21:16 -0400
Subject: [PATCH] fix(a11y): the More and Eject buttons on model picker rows
 are 24 pixels square when Accessibility Mode is on (#32920)

---
 .../components/chat/ModelSelector/ModelItem.svelte | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/chat/ModelSelector/ModelItem.svelte b/src/lib/components/chat/ModelSelector/ModelItem.svelte
index f1c3fcdce5..f04d603891 100644
--- a/src/lib/components/chat/ModelSelector/ModelItem.svelte
+++ b/src/lib/components/chat/ModelSelector/ModelItem.svelte
@@ -287,14 +287,20 @@
 		</div>
 	</div>
 
-	<div class="ml-auto flex shrink-0 items-center gap-1.5 pl-2">
+	<div
+		class="ml-auto flex shrink-0 items-center {($settings?.highContrastMode ?? false)
+			? 'gap-0.5'
+			: 'gap-1.5'} pl-2"
+	>
 		{#if !selectionOnly && $user?.role === 'admin' && item.model.loaded}
 			<Tooltip
 				content={`${$i18n.t('Eject')}`}
 				className="flex-shrink-0 group-hover/item:opacity-100 group-focus-within/item:opacity-100 opacity-0 "
 			>
 				<button
-					class="focus-ring flex"
+					class="focus-ring flex {($settings?.highContrastMode ?? false)
+						? 'size-6 items-center justify-center rounded-lg'
+						: ''}"
 					aria-label={$i18n.t('Eject model')}
 					on:click={(e) => {
 						e.preventDefault();
@@ -320,7 +326,9 @@
 			>
 				<button
 					aria-label={`${$i18n.t('More Options')}`}
-					class="focus-ring flex"
+					class="focus-ring flex {($settings?.highContrastMode ?? false)
+						? 'size-6 items-center justify-center rounded-lg'
+						: ''}"
 					on:click={(e) => {
 						e.preventDefault();
 						e.stopPropagation();