From e5bb125a55389e6025a0488cbcdbc408b03bc4f7 Mon Sep 17 00:00:00 2001
From: Chintan Sudani <46838508+techchintan@users.noreply.github.com>
Date: Thu, 8 Jun 2023 13:49:01 +0530
Subject: [PATCH] fix: layout issue on alert page (#2867)

---
 frontend/src/container/FormAlertRules/ChartPreview/index.tsx | 4 +++-
 frontend/src/container/FormAlertRules/index.tsx              | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/container/FormAlertRules/ChartPreview/index.tsx b/frontend/src/container/FormAlertRules/ChartPreview/index.tsx
index 2b10756266..9895e6d5ad 100644
--- a/frontend/src/container/FormAlertRules/ChartPreview/index.tsx
+++ b/frontend/src/container/FormAlertRules/ChartPreview/index.tsx
@@ -117,7 +117,9 @@ function ChartPreview({
 					{queryResponse.error.message || t('preview_chart_unexpected_error')}
 				</FailedMessageContainer>
 			)}
-			{queryResponse.isLoading && <Spinner size="large" tip="Loading..." />}
+			{queryResponse.isLoading && (
+				<Spinner size="large" tip="Loading..." height="70vh" />
+			)}
 			{chartDataSet && !queryResponse.isError && (
 				<GridGraphComponent
 					title={name}
diff --git a/frontend/src/container/FormAlertRules/index.tsx b/frontend/src/container/FormAlertRules/index.tsx
index 8be331f4c5..7fed83cac6 100644
--- a/frontend/src/container/FormAlertRules/index.tsx
+++ b/frontend/src/container/FormAlertRules/index.tsx
@@ -416,7 +416,7 @@ function FormAlertRules({
 		<>
 			{Element}
 			<PanelContainer>
-				<StyledLeftContainer flex="5 1 600px">
+				<StyledLeftContainer flex="5 1 600px" md={18}>
 					<MainFormContainer
 						initialValues={initialValue}
 						layout="vertical"