From b2108518e734ba5ceb42f9af00595773be0f0afb Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Sat, 24 Oct 2026 23:40:58 -0400
Subject: [PATCH] fix(a11y): the Create button's menu arrow is at least 24
 pixels wide when Accessibility Mode is on (#33137)

---
 src/lib/components/common/SplitCreateButton.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/common/SplitCreateButton.svelte b/src/lib/components/common/SplitCreateButton.svelte
index 2337a393e0..d217e5d8fe 100644
--- a/src/lib/components/common/SplitCreateButton.svelte
+++ b/src/lib/components/common/SplitCreateButton.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
+	import { settings } from '$lib/stores';
 	import { goto } from '$app/navigation';
 	import type { Writable } from 'svelte/store';
 	import type { i18n as i18nType } from 'i18next';
@@ -73,7 +74,9 @@
 
 		<Dropdown bind:show={showMenu} align="end" sideOffset={6}>
 			<button
-				class="focus-ring flex items-center border-l border-gray-200 px-1.5 py-1 transition hover:bg-gray-100 dark:border-gray-800 dark:hover:bg-gray-800"
+				class="focus-ring flex items-center {($settings?.highContrastMode ?? false)
+					? 'min-w-6 justify-center'
+					: ''} border-l border-gray-200 px-1.5 py-1 transition hover:bg-gray-100 dark:border-gray-800 dark:hover:bg-gray-800"
 				aria-label={$i18n.t('Open create menu')}
 			>
 				<ChevronDown className="size-2.5" strokeWidth="2.5" />