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>