Sites Dashboard: Fix header style in the list view (#97754)

Automattic · Dec 24, 2024 · 3207ba4 · 3207ba4
1 parent 0f512b9
commit 3207ba4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/client/a8c-for-agencies/components/layout/style.scss b/client/a8c-for-agencies/components/layout/style.scss
@@ -44,7 +44,7 @@
 		white-space: nowrap;
 	}
 
-	.a4a-layout__viewport {
+	.multi-sites-dashboard-layout__viewport {
 		margin-inline-start: 0;
 	}
 

diff --git a/client/a8c-for-agencies/sections/sites/sites-dashboard/style.scss b/client/a8c-for-agencies/sections/sites/sites-dashboard/style.scss
@@ -209,7 +209,7 @@
 			.sites-overview {
 				padding: 0;
 
-				.a4a-layout__viewport {
+				.multi-sites-dashboard-layout__viewport {
 					padding-inline: 16px;
 				}
 

diff --git a/client/layout/multi-sites-dashboard/header.tsx b/client/layout/multi-sites-dashboard/header.tsx
@@ -67,7 +67,7 @@ export default function LayoutHeader( { showStickyContent, children, className }
 	const [ divRef, hasCrossed ] = useDetectWindowBoundary();
 
 	const outerDivProps = divRef ? { ref: divRef as React.RefObject< HTMLDivElement > } : {};
-	const wrapperClass = clsx( className, 'a4a-layout__viewport' );
+	const wrapperClass = clsx( className, 'multi-sites-dashboard-layout__viewport' );
 
 	const [ minHeaderHeight, setMinHeaderHeight ] = useState( 0 );