From d937145e515522d2f6d73cebb7a38ff4bcc9f8c9 Mon Sep 17 00:00:00 2001
From: chad1008 <13856531+chad1008@users.noreply.github.com>
Date: Mon, 18 Dec 2023 13:56:53 -0500
Subject: [PATCH] update class names

---
 .../src/components/global-styles/font-library-modal/index.js  | 2 +-
 .../components/global-styles/font-library-modal/style.scss    | 4 ++--
 .../components/global-styles/font-library-modal/tab-layout.js | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/index.js b/packages/edit-site/src/components/global-styles/font-library-modal/index.js
index 3d81ea37a3245..e3215c7b97695 100644
--- a/packages/edit-site/src/components/global-styles/font-library-modal/index.js
+++ b/packages/edit-site/src/components/global-styles/font-library-modal/index.js
@@ -57,7 +57,7 @@ function FontLibraryModal( {
 			isFullScreen
 			className="font-library-modal"
 		>
-			<div className="font-library-modal__tab-panel">
+			<div className="font-library-modal__tabs">
 				<Tabs initialTabId={ initialTabName }>
 					<Tabs.TabList>
 						{ tabs.map( ( { name, title } ) => (
diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/style.scss b/packages/edit-site/src/components/global-styles/font-library-modal/style.scss
index 86cac4244dea9..cf7de98d6fbbb 100644
--- a/packages/edit-site/src/components/global-styles/font-library-modal/style.scss
+++ b/packages/edit-site/src/components/global-styles/font-library-modal/style.scss
@@ -24,7 +24,7 @@
 	}
 }
 
-.font-library-modal__tab-layout {
+.font-library-modal__tabpanel-layout {
 
 	main {
 		padding-bottom: 4rem;
@@ -75,7 +75,7 @@
 	padding-bottom: 1rem;
 }
 
-.font-library-modal__tab-panel {
+.font-library-modal__tabs {
 	[role="tablist"] {
 		position: sticky;
 		top: 0;
diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/tab-layout.js b/packages/edit-site/src/components/global-styles/font-library-modal/tab-layout.js
index 07f27cd31ea79..66a58e6fc3260 100644
--- a/packages/edit-site/src/components/global-styles/font-library-modal/tab-layout.js
+++ b/packages/edit-site/src/components/global-styles/font-library-modal/tab-layout.js
@@ -13,7 +13,7 @@ import { chevronLeft } from '@wordpress/icons';
 
 function TabLayout( { title, description, handleBack, children, footer } ) {
 	return (
-		<div className="font-library-modal__tab-layout">
+		<div className="font-library-modal__tabpanel-layout">
 			<Spacer margin={ 4 } />
 			<VStack spacing={ 4 } justify="space-between">
 				<header>