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.
-
-
-
+
+
+
+
+
+
+
+
+
>
);
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 (
<>
-
+
-
+