diff --git a/packages/help-center/src/components/help-center-header.scss b/packages/help-center/src/components/help-center-header.scss
index 37622f4ef92daf..52bd33aa6821ad 100644
--- a/packages/help-center/src/components/help-center-header.scss
+++ b/packages/help-center/src/components/help-center-header.scss
@@ -103,28 +103,6 @@
 		padding: 0 4px;
 	}
 
-	:hover, :focus {
-		background-color: $help-center-blue;
-		color: var(--studio-white);
-
-		svg {
-			fill: var(--studio-white);
-		}
-
-		.conversation-menu__notification-toggle {
-			.components-form-toggle {
-				&.is-checked {
-					.components-form-toggle__track {
-						background-color: var(--studio-white);
-					}
-				}
-				.components-form-toggle__thumb {
-					background-color: $help-center-blue;
-				}
-			}
-		}
-	}
-
 	button {
 		display: flex;
 		align-items: center;
diff --git a/packages/help-center/src/components/help-center-header.tsx b/packages/help-center/src/components/help-center-header.tsx
index 0b0946a6f77d05..678978de621ab4 100644
--- a/packages/help-center/src/components/help-center-header.tsx
+++ b/packages/help-center/src/components/help-center-header.tsx
@@ -87,7 +87,8 @@ const ChatEllipsisMenu = () => {
 		recordTracksEvent( 'calypso_inlinehelp_clear_conversation' );
 	};
 
-	const toggleSoundNotifications = () => {
+	const toggleSoundNotifications = ( event: React.MouseEvent< HTMLButtonElement > ) => {
+		event.stopPropagation();
 		setAreSoundNotificationsEnabled( ! areSoundNotificationsEnabled );
 	};