diff --git a/frontend/src/container/FormAlertRules/FormAlertRules.styles.scss b/frontend/src/container/FormAlertRules/FormAlertRules.styles.scss
index 68d36c561f..73e77abfcf 100644
--- a/frontend/src/container/FormAlertRules/FormAlertRules.styles.scss
+++ b/frontend/src/container/FormAlertRules/FormAlertRules.styles.scss
@@ -22,6 +22,11 @@
 }
 
 .lightMode {
+	.main-container {
+		.plot-tag {
+			background: var(--bg-vanilla-300);
+		}
+	}
 	.ant-modal-content {
 		background-color: var(--bg-vanilla-100);
 		.ant-modal-confirm-title {
diff --git a/frontend/src/container/FormAlertRules/index.tsx b/frontend/src/container/FormAlertRules/index.tsx
index 3514f6c7ea..426aacfcb5 100644
--- a/frontend/src/container/FormAlertRules/index.tsx
+++ b/frontend/src/container/FormAlertRules/index.tsx
@@ -512,6 +512,7 @@ function FormAlertRules({
 						initialValues={initialValue}
 						layout="vertical"
 						form={formInstance}
+						className="main-container"
 					>
 						{currentQuery.queryType === EQueryType.QUERY_BUILDER &&
 							renderQBChartPreview()}
diff --git a/frontend/src/lib/uPlotLib/plugins/tooltipPlugin.ts b/frontend/src/lib/uPlotLib/plugins/tooltipPlugin.ts
index 35a10bf217..2c1040daf4 100644
--- a/frontend/src/lib/uPlotLib/plugins/tooltipPlugin.ts
+++ b/frontend/src/lib/uPlotLib/plugins/tooltipPlugin.ts
@@ -51,9 +51,7 @@ const generateTooltipContent = (
 	}
 
 	if (Array.isArray(series) && series.length > 0) {
-		console.log(series);
 		series.forEach((item, index) => {
-			console.log(item, index);
 			if (index === 0) {
 				if (isBillingUsageGraphs) {
 					tooltipTitle = dayjs(data[0][idx] * 1000).format('MMM DD YYYY');