From e3b34d7bf9b120ef4c4a6b86294ea6eba4341b1e Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Sun, 25 Oct 2026 01:22:34 -0400
Subject: [PATCH] fix(a11y): Calendar's previous and next month buttons are 24
 pixels square when Accessibility Mode is on (#33147)

---
 src/lib/components/calendar/CalendarSidebar.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/calendar/CalendarSidebar.svelte b/src/lib/components/calendar/CalendarSidebar.svelte
index 0363ffc663..e973818b4b 100644
--- a/src/lib/components/calendar/CalendarSidebar.svelte
+++ b/src/lib/components/calendar/CalendarSidebar.svelte
@@ -110,7 +110,9 @@
 			<div class="text-[0.6875rem] font-normal">{miniMonthNames[miniMonth]} {miniYear}</div>
 			<div class="flex items-center gap-0.5">
 				<button
-					class="p-0.5 rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition"
+					class="{($settings?.highContrastMode ?? false)
+						? 'p-1.5'
+						: 'p-0.5'} rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition"
 					aria-label={$i18n.t('Previous month')}
 					on:click={() => navigateMini(-1)}
 				>
@@ -129,7 +131,9 @@
 					>
 				</button>
 				<button
-					class="p-0.5 rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition"
+					class="{($settings?.highContrastMode ?? false)
+						? 'p-1.5'
+						: 'p-0.5'} rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition"
 					aria-label={$i18n.t('Next month')}
 					on:click={() => navigateMini(1)}
 				>