From f433d2c7538e5518e5b2571c74a4a6dc76653b56 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 17 Oct 2023 18:16:10 +0000
Subject: [PATCH] Switch heading types on integrations setup page (#1136)

(cherry picked from commit 45403269ce06995682d36af7307c2e2accf8d35d)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .../setup_integration.test.tsx.snap           | 56 +++++++++++--------
 .../components/setup_integration.tsx          | 12 ++--
 2 files changed, 38 insertions(+), 30 deletions(-)

diff --git a/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
index 65d9b65be..2aa23faf3 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
@@ -60,13 +60,15 @@ exports[`Integration Setup Page Renders integration setup page as expected 1`] =
                               className="euiSpacer euiSpacer--l"
                             />
                           </EuiSpacer>
-                          <EuiTitle>
-                            <h2
-                              className="euiTitle euiTitle--medium"
+                          <EuiText>
+                            <div
+                              className="euiText euiText--medium"
                             >
-                              Integration Details
-                            </h2>
-                          </EuiTitle>
+                              <h3>
+                                Integration Details
+                              </h3>
+                            </div>
+                          </EuiText>
                           <EuiSpacer>
                             <div
                               className="euiSpacer euiSpacer--l"
@@ -148,13 +150,15 @@ exports[`Integration Setup Page Renders integration setup page as expected 1`] =
                               className="euiSpacer euiSpacer--l"
                             />
                           </EuiSpacer>
-                          <EuiTitle>
-                            <h2
-                              className="euiTitle euiTitle--medium"
+                          <EuiText>
+                            <div
+                              className="euiText euiText--medium"
                             >
-                              Integration Connection
-                            </h2>
-                          </EuiTitle>
+                              <h3>
+                                Integration Connection
+                              </h3>
+                            </div>
+                          </EuiText>
                           <EuiSpacer>
                             <div
                               className="euiSpacer euiSpacer--l"
@@ -1041,13 +1045,15 @@ exports[`Integration Setup Page Renders the form as expected 1`] = `
           className="euiSpacer euiSpacer--l"
         />
       </EuiSpacer>
-      <EuiTitle>
-        <h2
-          className="euiTitle euiTitle--medium"
+      <EuiText>
+        <div
+          className="euiText euiText--medium"
         >
-          Integration Details
-        </h2>
-      </EuiTitle>
+          <h3>
+            Integration Details
+          </h3>
+        </div>
+      </EuiText>
       <EuiSpacer>
         <div
           className="euiSpacer euiSpacer--l"
@@ -1129,13 +1135,15 @@ exports[`Integration Setup Page Renders the form as expected 1`] = `
           className="euiSpacer euiSpacer--l"
         />
       </EuiSpacer>
-      <EuiTitle>
-        <h2
-          className="euiTitle euiTitle--medium"
+      <EuiText>
+        <div
+          className="euiText euiText--medium"
         >
-          Integration Connection
-        </h2>
-      </EuiTitle>
+          <h3>
+            Integration Connection
+          </h3>
+        </div>
+      </EuiText>
       <EuiSpacer>
         <div
           className="euiSpacer euiSpacer--l"
diff --git a/public/components/integrations/components/setup_integration.tsx b/public/components/integrations/components/setup_integration.tsx
index 0d0cddb3b..11d41be35 100644
--- a/public/components/integrations/components/setup_integration.tsx
+++ b/public/components/integrations/components/setup_integration.tsx
@@ -194,9 +194,9 @@ export function SetupIntegrationForm({
         <h1>Set Up Integration</h1>
       </EuiTitle>
       <EuiSpacer />
-      <EuiTitle>
-        <h2>Integration Details</h2>
-      </EuiTitle>
+      <EuiText>
+        <h3>Integration Details</h3>
+      </EuiText>
       <EuiSpacer />
       <EuiFormRow label="Display Name">
         <EuiFieldText
@@ -206,9 +206,9 @@ export function SetupIntegrationForm({
         />
       </EuiFormRow>
       <EuiSpacer />
-      <EuiTitle>
-        <h2>Integration Connection</h2>
-      </EuiTitle>
+      <EuiText>
+        <h3>Integration Connection</h3>
+      </EuiText>
       <EuiSpacer />
       <EuiFormRow label="Data Source" helpText="Select a data source to connect to.">
         <EuiSelect