From f3d20cfc1514d22b4da16e6e6a707e3795a85d45 Mon Sep 17 00:00:00 2001
From: Devin Binnie <52460000+devinbinnie@users.noreply.github.com>
Date: Thu, 5 Jun 2025 08:50:37 -0400
Subject: [PATCH] [MM-62999] Fix label in notification settings for
 notification sound combo box (#31295)

---
 .../desktop_notification_sounds_setting/index.tsx     | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/webapp/channels/src/components/user_settings/notifications/desktop_notification_sounds_setting/index.tsx b/webapp/channels/src/components/user_settings/notifications/desktop_notification_sounds_setting/index.tsx
index fea0655464..8d22acd968 100644
--- a/webapp/channels/src/components/user_settings/notifications/desktop_notification_sounds_setting/index.tsx
+++ b/webapp/channels/src/components/user_settings/notifications/desktop_notification_sounds_setting/index.tsx
@@ -127,10 +127,12 @@ function DesktopNotificationSoundsSettings({
                             checked={desktopSound === 'true'}
                             onChange={handleChangeForMessageNotificationSoundCheckbox}
                         />
-                        <FormattedMessage
-                            id='user.settings.notifications.desktopNotificationSound.messageNotificationSound'
-                            defaultMessage='Message notification sound'
-                        />
+                        <span id='messageNotificationSoundLabel'>
+                            <FormattedMessage
+                                id='user.settings.notifications.desktopNotificationSound.messageNotificationSound'
+                                defaultMessage='Message notification sound'
+                            />
+                        </span>
                     </label>
                     <ReactSelect
                         id='messageNotificationSoundSelect'
@@ -148,6 +150,7 @@ function DesktopNotificationSoundsSettings({
                         components={{IndicatorSeparator: NoIndicatorSeparatorComponent}}
                         value={getValueOfNotificationSoundsSelect(desktopNotificationSound)}
                         onChange={handleChangeForMessageNotificationSoundSelect}
+                        aria-labelledby='messageNotificationSoundLabel'
                     />
                 </div>
             </Fragment>