From 2f5640b2e665bcd9ca74e71d224d7782615e6408 Mon Sep 17 00:00:00 2001
From: Sahil Khan <42714217+sawhil@users.noreply.github.com>
Date: Fri, 4 Jul 2025 13:50:32 +0530
Subject: [PATCH] fix: used a new classname for banner container earlier one
 was in ad block list (#8433)

* fix: used a new classname for banner container earlier one was in ad block list

* chore: minor comment added

* chore: minor comment added
---
 frontend/src/container/AppLayout/AppLayout.styles.scss | 5 ++++-
 frontend/src/container/AppLayout/index.tsx             | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/container/AppLayout/AppLayout.styles.scss b/frontend/src/container/AppLayout/AppLayout.styles.scss
index e164082d43d6..b314ab1a973a 100644
--- a/frontend/src/container/AppLayout/AppLayout.styles.scss
+++ b/frontend/src/container/AppLayout/AppLayout.styles.scss
@@ -1,4 +1,7 @@
-.app-banner-container {
+// Earlier we were having app-banner-container class
+// we change it to app-banner-wrapper as the adblocker was blocking the app-banner-container class
+// Keep an eye on What classnames are used in the codebase
+.app-banner-wrapper {
 	position: relative;
 	width: 100%;
 }
diff --git a/frontend/src/container/AppLayout/index.tsx b/frontend/src/container/AppLayout/index.tsx
index 55da9718ae59..bd61cc3e958c 100644
--- a/frontend/src/container/AppLayout/index.tsx
+++ b/frontend/src/container/AppLayout/index.tsx
@@ -613,7 +613,7 @@ function AppLayout(props: AppLayoutProps): JSX.Element {
 			</Helmet>
 
 			{isLoggedIn && (
-				<div className={cx('app-banner-container')}>
+				<div className={cx('app-banner-wrapper')}>
 					{SHOW_TRIAL_EXPIRY_BANNER && (
 						<div className="trial-expiry-banner">
 							You are in free trial period. Your free trial will end on{' '}