From 7697a1cdd4dd94b2363635bba06f37d4d8674cad Mon Sep 17 00:00:00 2001
From: Joen A <1204802+jasmussen@users.noreply.github.com>
Date: Fri, 25 Mar 2022 10:31:39 +0100
Subject: [PATCH] Global Styles: Update "Other styles" to "Browse styles"
 (#39752)

---
 packages/e2e-tests/specs/site-editor/style-variations.test.js   | 2 +-
 packages/edit-site/src/components/global-styles/screen-root.js  | 2 +-
 .../src/components/global-styles/screen-style-variations.js     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/e2e-tests/specs/site-editor/style-variations.test.js b/packages/e2e-tests/specs/site-editor/style-variations.test.js
index a695c1ec5eb7a9..c32939d283fdef 100644
--- a/packages/e2e-tests/specs/site-editor/style-variations.test.js
+++ b/packages/e2e-tests/specs/site-editor/style-variations.test.js
@@ -11,7 +11,7 @@ import {
 } from '@wordpress/e2e-test-utils';
 
 async function openOtherStyles() {
-	const OTHER_STYLES_SELECTOR = '//div[contains(text(),"Other styles")]';
+	const OTHER_STYLES_SELECTOR = '//div[contains(text(),"Browse styles")]';
 	await ( await page.waitForXPath( OTHER_STYLES_SELECTOR ) ).click();
 }
 
diff --git a/packages/edit-site/src/components/global-styles/screen-root.js b/packages/edit-site/src/components/global-styles/screen-root.js
index 815c84f0d5cbd3..68250024d28301 100644
--- a/packages/edit-site/src/components/global-styles/screen-root.js
+++ b/packages/edit-site/src/components/global-styles/screen-root.js
@@ -42,7 +42,7 @@ function ScreenRoot() {
 					{ !! variations?.length && (
 						<NavigationButton path="/variations">
 							<HStack justify="space-between">
-								<FlexItem>{ __( 'Other styles' ) }</FlexItem>
+								<FlexItem>{ __( 'Browse styles' ) }</FlexItem>
 								<FlexItem>
 									<Icon
 										icon={
diff --git a/packages/edit-site/src/components/global-styles/screen-style-variations.js b/packages/edit-site/src/components/global-styles/screen-style-variations.js
index 5d0b242f4ec54f..425a802d94847c 100644
--- a/packages/edit-site/src/components/global-styles/screen-style-variations.js
+++ b/packages/edit-site/src/components/global-styles/screen-style-variations.js
@@ -117,7 +117,7 @@ function ScreenStyleVariations() {
 		<>
 			<ScreenHeader
 				back="/"
-				title={ __( 'Other styles' ) }
+				title={ __( 'Browse styles' ) }
 				description={ __(
 					'Choose a different style combination for the theme styles'
 				) }