From dba1fe9fd20405d91f2f09335e41284bee434319 Mon Sep 17 00:00:00 2001
From: Sweta Agarwalla <105535990+sweta1308@users.noreply.github.com>
Date: Wed, 5 Feb 2025 12:49:23 +0530
Subject: [PATCH] Fix: Bot page layout issue (#19673)

* update pagelayout

* update layout
---
 .../components/PageLayoutV1/PageLayoutV1.tsx  | 62 +++++++++----------
 1 file changed, 30 insertions(+), 32 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/PageLayoutV1/PageLayoutV1.tsx b/openmetadata-ui/src/main/resources/ui/src/components/PageLayoutV1/PageLayoutV1.tsx
index 156498e73c7..dada8eb86ae 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/PageLayoutV1/PageLayoutV1.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/PageLayoutV1/PageLayoutV1.tsx
@@ -103,40 +103,38 @@ const PageLayoutV1: FC<PageLayoutProp> = ({
             {leftPanel}
           </Col>
         )}
-        <Col span={24}>
-          <Col
-            className={classNames(
-              `page-layout-v1-center page-layout-v1-vertical-scroll ${
-                !alert && 'p-t-sm'
-              }`,
-              {
-                'flex justify-center': center,
-              },
-              mainContainerClassName
-            )}
-            flex={contentWidth}
-            offset={center ? 3 : 0}
-            span={center ? 18 : 24}>
-            <Row gutter={0}>
-              <Col id={`${alert && 'page-alert'}`} span={24}>
-                {alert && (
-                  <AlertBar message={alert.message} type={alert.type} />
-                )}
-              </Col>
-              <Col className={`${alert && 'p-t-sm'}`} span={24}>
-                {children}
-              </Col>
-            </Row>
-          </Col>
-          {rightPanel && (
-            <Col
-              className="page-layout-rightpanel page-layout-v1-vertical-scroll"
-              flex={rightPanelWidth + 'px'}
-              id="right-panelV1">
-              {rightPanel}
-            </Col>
+        <Col
+          className={classNames(
+            `page-layout-v1-center page-layout-v1-vertical-scroll ${
+              !alert && 'p-t-sm'
+            }`,
+            {
+              'flex justify-center': center,
+            },
+            mainContainerClassName
           )}
+          flex={contentWidth}
+          offset={center ? 3 : 0}
+          span={center ? 18 : 24}>
+          <Row>
+            {alert && (
+              <Col id="page-alert" span={24}>
+                <AlertBar message={alert.message} type={alert.type} />
+              </Col>
+            )}
+            <Col className={`${alert && 'p-t-sm'}`} span={24}>
+              {children}
+            </Col>
+          </Row>
         </Col>
+        {rightPanel && (
+          <Col
+            className="page-layout-rightpanel page-layout-v1-vertical-scroll"
+            flex={rightPanelWidth + 'px'}
+            id="right-panelV1">
+            {rightPanel}
+          </Col>
+        )}
       </Row>
     </Fragment>
   );