From eccf647ed1b78c2987a9a33bc116ff77a06e94f1 Mon Sep 17 00:00:00 2001
From: Jorge Padilla <jorge.esteban.padilla@gmail.com>
Date: Wed, 12 Jul 2023 16:03:51 -0500
Subject: [PATCH] fix(frontend): fix container in OTel settings page

---
 .../forms/OpenTelemetryCollector/Configuration.tsx | 14 ++++++++++----
 .../OpenTelemetryCollector.tsx                     |  4 ++--
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/Configuration.tsx b/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/Configuration.tsx
index f9a5bd6e60..6d4ca68764 100644
--- a/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/Configuration.tsx
+++ b/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/Configuration.tsx
@@ -1,4 +1,4 @@
-import {Form} from 'antd';
+import {Col, Form, Row} from 'antd';
 import {CollectorConfigMap} from 'constants/CollectorConfig.constants';
 import {TCollectorDataStores, TDraftDataStore} from 'types/DataStore.types';
 import {FramedCodeBlock} from 'components/CodeBlock';
@@ -20,9 +20,15 @@ const Configuration = () => {
           own OpenTelemetry Collector config and apply it.
         </S.Description>
       </S.SubtitleContainer>
-      <S.CodeContainer data-cy="file-viewer-code-container">
-        <FramedCodeBlock value={example} language="yaml" title="Collector Configuration" />
-      </S.CodeContainer>
+
+      <Row>
+        <Col span={16}>
+          <S.CodeContainer data-cy="file-viewer-code-container">
+            <FramedCodeBlock value={example} language="yaml" title="Collector Configuration" />
+          </S.CodeContainer>
+        </Col>
+      </Row>
+
       <DataStoreDocsBanner dataStoreType={dataStoreType} />
     </>
   );
diff --git a/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/OpenTelemetryCollector.tsx b/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/OpenTelemetryCollector.tsx
index 3b3b6c1ca2..bd55f9bd25 100644
--- a/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/OpenTelemetryCollector.tsx
+++ b/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/OpenTelemetryCollector.tsx
@@ -6,12 +6,12 @@ const OpenTelemetryCollector = () => {
   return (
     <>
       <Row gutter={[16, 16]}>
-        <Col span={16}>
+        <Col span={24}>
           <Ingestor />
         </Col>
       </Row>
       <Row gutter={[16, 16]}>
-        <Col span={16}>
+        <Col span={24}>
           <Configuration />
         </Col>
       </Row>