From 4ab4cecff06cc2e7074bc292d4825c671bd3e00e Mon Sep 17 00:00:00 2001
From: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>
Date: Wed, 8 Feb 2023 16:39:01 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=AA=9F=20=F0=9F=8E=A8=20Fix=20Configurati?=
 =?UTF-8?q?on=20settings=20page=20layout=20(#22565)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Cleanup ConfigurationsPage layout, extend card width to fit page remove top margin

* Replace div with fragment in ConfigurationsPage
---
 .../ConfigurationsPage/ConfigurationsPage.tsx   | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/airbyte-webapp/src/pages/SettingsPage/pages/ConfigurationsPage/ConfigurationsPage.tsx b/airbyte-webapp/src/pages/SettingsPage/pages/ConfigurationsPage/ConfigurationsPage.tsx
index 5193948e0892..21b3c341d30d 100644
--- a/airbyte-webapp/src/pages/SettingsPage/pages/ConfigurationsPage/ConfigurationsPage.tsx
+++ b/airbyte-webapp/src/pages/SettingsPage/pages/ConfigurationsPage/ConfigurationsPage.tsx
@@ -1,28 +1,19 @@
 import React from "react";
 import { FormattedMessage } from "react-intl";
-import styled from "styled-components";
 
 import { HeadTitle } from "components/common/HeadTitle";
 import { Card } from "components/ui/Card";
 
 import LogsContent from "./components/LogsContent";
 
-const Content = styled.div`
-  max-width: 813px;
-`;
-
-const ControlContent = styled(Card)`
-  margin-top: 12px;
-`;
-
 const ConfigurationsPage: React.FC = () => {
   return (
-    <Content>
+    <>
       <HeadTitle titles={[{ id: "sidebar.settings" }, { id: "admin.configuration" }]} />
-      <ControlContent title={<FormattedMessage id="admin.logs" />}>
+      <Card title={<FormattedMessage id="admin.logs" />}>
         <LogsContent />
-      </ControlContent>
-    </Content>
+      </Card>
+    </>
   );
 };