diff --git a/changelogs/fragments/7616.yml b/changelogs/fragments/7616.yml
new file mode 100644
index 000000000000..5a7980f4ebbe
--- /dev/null
+++ b/changelogs/fragments/7616.yml
@@ -0,0 +1,2 @@
+Refactor:
+- [Look&Feel] Use semantic headers for page, modal, & flyouts across the board ([#7616](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7616))
\ No newline at end of file
diff --git a/src/plugins/advanced_settings/public/component_registry/page_title/__snapshots__/page_title.test.tsx.snap b/src/plugins/advanced_settings/public/component_registry/page_title/__snapshots__/page_title.test.tsx.snap
index 10b799a986b8..0d03ea8c3a43 100644
--- a/src/plugins/advanced_settings/public/component_registry/page_title/__snapshots__/page_title.test.tsx.snap
+++ b/src/plugins/advanced_settings/public/component_registry/page_title/__snapshots__/page_title.test.tsx.snap
@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PageTitle should render normally 1`] = `
-<EuiText>
+<EuiText
+  size="s"
+>
   <h1
     data-test-subj="managementSettingsTitle"
   >
diff --git a/src/plugins/advanced_settings/public/component_registry/page_title/page_title.tsx b/src/plugins/advanced_settings/public/component_registry/page_title/page_title.tsx
index 6f5bc57cd703..0a3f8673fadc 100644
--- a/src/plugins/advanced_settings/public/component_registry/page_title/page_title.tsx
+++ b/src/plugins/advanced_settings/public/component_registry/page_title/page_title.tsx
@@ -34,7 +34,7 @@ import { FormattedMessage } from '@osd/i18n/react';
 
 export const PageTitle = () => {
   return (
-    <EuiText>
+    <EuiText size="s">
       <h1 data-test-subj="managementSettingsTitle">
         <FormattedMessage id="advancedSettings.pageTitle" defaultMessage="Settings" />
       </h1>
diff --git a/src/plugins/console/public/application/components/__snapshots__/import_flyout.test.tsx.snap b/src/plugins/console/public/application/components/__snapshots__/import_flyout.test.tsx.snap
index 04bb8ddcff99..a348861e438b 100644
--- a/src/plugins/console/public/application/components/__snapshots__/import_flyout.test.tsx.snap
+++ b/src/plugins/console/public/application/components/__snapshots__/import_flyout.test.tsx.snap
@@ -27,23 +27,25 @@ exports[`ImportFlyout Component renders correctly 1`] = `
           <div
             className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
           >
-            <EuiTitle
-              size="m"
+            <EuiText
+              size="s"
             >
-              <h2
-                className="euiTitle euiTitle--medium"
+              <div
+                className="euiText euiText--small"
               >
-                <FormattedMessage
-                  defaultMessage="Import queries"
-                  id="console.ImportFlyout.importQueriesTitle"
-                  values={Object {}}
-                >
-                  <span>
-                    Import queries
-                  </span>
-                </FormattedMessage>
-              </h2>
-            </EuiTitle>
+                <h2>
+                  <FormattedMessage
+                    defaultMessage="Import queries"
+                    id="console.ImportFlyout.importQueriesTitle"
+                    values={Object {}}
+                  >
+                    <span>
+                      Import queries
+                    </span>
+                  </FormattedMessage>
+                </h2>
+              </div>
+            </EuiText>
           </div>
         </EuiFlyoutHeader>
         <EuiFlyoutBody>
diff --git a/src/plugins/console/public/application/components/help_panel.tsx b/src/plugins/console/public/application/components/help_panel.tsx
index 1f0fce03bf14..14736b7ced0c 100644
--- a/src/plugins/console/public/application/components/help_panel.tsx
+++ b/src/plugins/console/public/application/components/help_panel.tsx
@@ -30,14 +30,7 @@
 
 import React from 'react';
 import { FormattedMessage } from '@osd/i18n/react';
-import {
-  EuiText,
-  EuiFlyout,
-  EuiFlyoutHeader,
-  EuiFlyoutBody,
-  EuiTitle,
-  EuiSpacer,
-} from '@elastic/eui';
+import { EuiText, EuiFlyout, EuiFlyoutHeader, EuiFlyoutBody, EuiSpacer } from '@elastic/eui';
 import { EditorExample } from './editor_example';
 
 interface Props {
@@ -48,11 +41,11 @@ export function HelpPanel(props: Props) {
   return (
     <EuiFlyout onClose={props.onClose} data-test-subj="helpFlyout" size="s">
       <EuiFlyoutHeader hasBorder>
-        <EuiTitle size="m">
+        <EuiText size="s">
           <h2>
             <FormattedMessage id="console.helpPage.pageTitle" defaultMessage="Help" />
           </h2>
-        </EuiTitle>
+        </EuiText>
       </EuiFlyoutHeader>
       <EuiFlyoutBody>
         <EuiText>
diff --git a/src/plugins/console/public/application/components/import_flyout.tsx b/src/plugins/console/public/application/components/import_flyout.tsx
index 5bfefb307dc6..0dd0112048e1 100644
--- a/src/plugins/console/public/application/components/import_flyout.tsx
+++ b/src/plugins/console/public/application/components/import_flyout.tsx
@@ -6,7 +6,6 @@
 import {
   EuiFlyout,
   EuiFlyoutHeader,
-  EuiTitle,
   EuiFlyoutBody,
   EuiFlyoutFooter,
   EuiCallOut,
@@ -276,14 +275,14 @@ export const ImportFlyout = ({ close, refresh }: ImportFlyoutProps) => {
   return (
     <EuiFlyout onClose={close} size="s">
       <EuiFlyoutHeader hasBorder>
-        <EuiTitle size="m">
+        <EuiText size="s">
           <h2>
             <FormattedMessage
               id="console.ImportFlyout.importQueriesTitle"
               defaultMessage="Import queries"
             />
           </h2>
-        </EuiTitle>
+        </EuiText>
       </EuiFlyoutHeader>
 
       <EuiFlyoutBody>
diff --git a/src/plugins/console/public/application/components/settings_modal.tsx b/src/plugins/console/public/application/components/settings_modal.tsx
index d97b7c72a03f..ccfc4ffc38da 100644
--- a/src/plugins/console/public/application/components/settings_modal.tsx
+++ b/src/plugins/console/public/application/components/settings_modal.tsx
@@ -45,6 +45,7 @@ import {
   EuiModalHeader,
   EuiModalHeaderTitle,
   EuiCompressedSwitch,
+  EuiText,
 } from '@elastic/eui';
 
 import { DevToolsSettings } from '../../services';
@@ -179,7 +180,14 @@ export function DevToolsSettingsModal(props: Props) {
     >
       <EuiModalHeader>
         <EuiModalHeaderTitle>
-          <FormattedMessage id="console.settingsPage.pageTitle" defaultMessage="Console Settings" />
+          <EuiText size="s">
+            <h2>
+              <FormattedMessage
+                id="console.settingsPage.pageTitle"
+                defaultMessage="Console Settings"
+              />
+            </h2>
+          </EuiText>
         </EuiModalHeaderTitle>
       </EuiModalHeader>
 
diff --git a/src/plugins/data_source_management/public/components/create_data_source_wizard/components/header/header.tsx b/src/plugins/data_source_management/public/components/create_data_source_wizard/components/header/header.tsx
index cc8c2cf086da..3c821f78e511 100644
--- a/src/plugins/data_source_management/public/components/create_data_source_wizard/components/header/header.tsx
+++ b/src/plugins/data_source_management/public/components/create_data_source_wizard/components/header/header.tsx
@@ -5,7 +5,7 @@
 
 import React from 'react';
 
-import { EuiSpacer, EuiTitle, EuiText, EuiFlexItem, EuiFlexGroup } from '@elastic/eui';
+import { EuiSpacer, EuiText, EuiFlexItem, EuiFlexGroup } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 import { FormattedMessage } from '@osd/i18n/react';
 import { useOpenSearchDashboards } from '../../../../../../opensearch_dashboards_react/public';
@@ -25,7 +25,7 @@ export const Header = () => {
     <EuiFlexGroup justifyContent="spaceBetween">
       <EuiFlexItem grow={false}>
         <div>
-          <EuiTitle>
+          <EuiText size="s">
             <h1 data-test-subj="createDataSourceHeader">
               {
                 <FormattedMessage
@@ -34,7 +34,7 @@ export const Header = () => {
                 />
               }
             </h1>
-          </EuiTitle>
+          </EuiText>
           <EuiSpacer size="s" />
           <EuiText>
             <p>
diff --git a/src/plugins/data_source_management/public/components/data_source_creation_panel/__snapshots__/create_data_source_panel_header.test.tsx.snap b/src/plugins/data_source_management/public/components/data_source_creation_panel/__snapshots__/create_data_source_panel_header.test.tsx.snap
index 37a770d5b362..19d3207a3bac 100644
--- a/src/plugins/data_source_management/public/components/data_source_creation_panel/__snapshots__/create_data_source_panel_header.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/data_source_creation_panel/__snapshots__/create_data_source_panel_header.test.tsx.snap
@@ -8,15 +8,17 @@ exports[`CreateDataSourcePanelHeader renders correctly 1`] = `
   <EuiFlexItem
     grow={false}
   >
-    <EuiTitle>
-      <h2>
+    <EuiText
+      size="s"
+    >
+      <h1>
         <FormattedMessage
           defaultMessage="Create Data Source"
           id="dataSourcesManagement.createDataSourcePanel.title"
           values={Object {}}
         />
-      </h2>
-    </EuiTitle>
+      </h1>
+    </EuiText>
     <EuiSpacer
       size="s"
     />
diff --git a/src/plugins/data_source_management/public/components/data_source_creation_panel/create_data_source_panel_header.test.tsx b/src/plugins/data_source_management/public/components/data_source_creation_panel/create_data_source_panel_header.test.tsx
index 05af9a27d554..b027ef91db19 100644
--- a/src/plugins/data_source_management/public/components/data_source_creation_panel/create_data_source_panel_header.test.tsx
+++ b/src/plugins/data_source_management/public/components/data_source_creation_panel/create_data_source_panel_header.test.tsx
@@ -6,7 +6,7 @@
 import React from 'react';
 import { shallow } from 'enzyme';
 import { CreateDataSourcePanelHeader } from './create_data_source_panel_header';
-import { EuiFlexGroup, EuiTitle, EuiText } from '@elastic/eui';
+import { EuiText } from '@elastic/eui';
 import { FormattedMessage } from '@osd/i18n/react';
 
 describe('CreateDataSourcePanelHeader', () => {
@@ -20,11 +20,11 @@ describe('CreateDataSourcePanelHeader', () => {
   test('contains correct title and description', () => {
     const wrapper = shallowComponent();
 
-    const titleMessage = wrapper.find(EuiTitle).find(FormattedMessage);
+    const titleMessage = wrapper.find(EuiText).at(0).find(FormattedMessage);
     expect(titleMessage.prop('id')).toEqual('dataSourcesManagement.createDataSourcePanel.title');
     expect(titleMessage.prop('defaultMessage')).toEqual('Create Data Source');
 
-    const descriptionMessage = wrapper.find(EuiText).find(FormattedMessage);
+    const descriptionMessage = wrapper.find(EuiText).at(1).find(FormattedMessage);
     expect(descriptionMessage.prop('id')).toEqual(
       'dataSourcesManagement.createDataSourcePanel.description'
     );
diff --git a/src/plugins/data_source_management/public/components/data_source_creation_panel/create_data_source_panel_header.tsx b/src/plugins/data_source_management/public/components/data_source_creation_panel/create_data_source_panel_header.tsx
index ac3cec5cdddc..c34ce5d7c19c 100644
--- a/src/plugins/data_source_management/public/components/data_source_creation_panel/create_data_source_panel_header.tsx
+++ b/src/plugins/data_source_management/public/components/data_source_creation_panel/create_data_source_panel_header.tsx
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui';
 import React from 'react';
 import { FormattedMessage } from '@osd/i18n/react';
 
@@ -11,14 +11,14 @@ export const CreateDataSourcePanelHeader: React.FC = () => {
   return (
     <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
       <EuiFlexItem grow={false}>
-        <EuiTitle>
-          <h2>
+        <EuiText size="s">
+          <h1>
             <FormattedMessage
               id="dataSourcesManagement.createDataSourcePanel.title"
               defaultMessage="Create Data Source"
             />
-          </h2>
-        </EuiTitle>
+          </h1>
+        </EuiText>
         <EuiSpacer size="s" />
         <EuiText>
           <p>
diff --git a/src/plugins/data_source_management/public/components/data_source_home_panel/__snapshots__/data_source_page_header.test.tsx.snap b/src/plugins/data_source_management/public/components/data_source_home_panel/__snapshots__/data_source_page_header.test.tsx.snap
index ab527a7307f6..c60e9c5cbe65 100644
--- a/src/plugins/data_source_management/public/components/data_source_home_panel/__snapshots__/data_source_page_header.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/data_source_home_panel/__snapshots__/data_source_page_header.test.tsx.snap
@@ -8,15 +8,17 @@ exports[`DataSourceHeader renders correctly 1`] = `
   <EuiFlexItem
     grow={false}
   >
-    <EuiTitle>
-      <h2>
+    <EuiText
+      size="s"
+    >
+      <h1>
         <FormattedMessage
           defaultMessage="Data Sources"
           id="dataSourcesManagement.dataSourcesTable.title"
           values={Object {}}
         />
-      </h2>
-    </EuiTitle>
+      </h1>
+    </EuiText>
     <EuiSpacer
       size="s"
     />
diff --git a/src/plugins/data_source_management/public/components/data_source_home_panel/data_source_page_header.test.tsx b/src/plugins/data_source_management/public/components/data_source_home_panel/data_source_page_header.test.tsx
index 8773bb0b3055..ca9d959e01e9 100644
--- a/src/plugins/data_source_management/public/components/data_source_home_panel/data_source_page_header.test.tsx
+++ b/src/plugins/data_source_management/public/components/data_source_home_panel/data_source_page_header.test.tsx
@@ -6,7 +6,7 @@
 import React from 'react';
 import { shallow } from 'enzyme';
 import { DataSourceHeader } from './data_source_page_header';
-import { EuiTitle, EuiText } from '@elastic/eui';
+import { EuiText } from '@elastic/eui';
 import { FormattedMessage } from '@osd/i18n/react';
 
 describe('DataSourceHeader', () => {
@@ -25,12 +25,11 @@ describe('DataSourceHeader', () => {
 
   test('contains correct title and description', () => {
     const wrapper = shallowComponent();
-
-    const titleMessage = wrapper.find(EuiTitle).find(FormattedMessage);
+    const titleMessage = wrapper.find(EuiText).at(0).find(FormattedMessage);
     expect(titleMessage.prop('id')).toEqual('dataSourcesManagement.dataSourcesTable.title');
     expect(titleMessage.prop('defaultMessage')).toEqual('Data Sources');
 
-    const descriptionMessage = wrapper.find(EuiText).find(FormattedMessage);
+    const descriptionMessage = wrapper.find(EuiText).at(1).find(FormattedMessage);
     expect(descriptionMessage.prop('id')).toEqual(
       'dataSourcesManagement.dataSourcesTable.description'
     );
diff --git a/src/plugins/data_source_management/public/components/data_source_home_panel/data_source_page_header.tsx b/src/plugins/data_source_management/public/components/data_source_home_panel/data_source_page_header.tsx
index 9fa99fa9296d..d737a5a19182 100644
--- a/src/plugins/data_source_management/public/components/data_source_home_panel/data_source_page_header.tsx
+++ b/src/plugins/data_source_management/public/components/data_source_home_panel/data_source_page_header.tsx
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui';
 import React from 'react';
 import { FormattedMessage } from '@osd/i18n/react';
 import { RouteComponentProps } from 'react-router-dom';
@@ -14,14 +14,14 @@ export const DataSourceHeader: React.FC<DataSourceHeaderProps> = () => {
   return (
     <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
       <EuiFlexItem grow={false}>
-        <EuiTitle>
-          <h2>
+        <EuiText size="s">
+          <h1>
             <FormattedMessage
               id="dataSourcesManagement.dataSourcesTable.title"
               defaultMessage="Data Sources"
             />
-          </h2>
-        </EuiTitle>
+          </h1>
+        </EuiText>
         <EuiSpacer size="s" />
         <EuiText>
           <p>
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/acceleration_creation/create/create_acceleration_header.tsx b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/acceleration_creation/create/create_acceleration_header.tsx
index 57a887fbe275..dc99a71aff6b 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/acceleration_creation/create/create_acceleration_header.tsx
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/acceleration_creation/create/create_acceleration_header.tsx
@@ -3,14 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import {
-  EuiLink,
-  EuiPageHeader,
-  EuiPageHeaderSection,
-  EuiSpacer,
-  EuiText,
-  EuiTitle,
-} from '@elastic/eui';
+import { EuiLink, EuiPageHeader, EuiPageHeaderSection, EuiSpacer, EuiText } from '@elastic/eui';
 import React from 'react';
 import { OPENSEARCH_ACC_DOCUMENTATION_URL } from '../../../constants';
 
@@ -19,9 +12,9 @@ export const CreateAccelerationHeader = () => {
     <div>
       <EuiPageHeader>
         <EuiPageHeaderSection>
-          <EuiTitle size="l" data-test-subj="acceleration-header">
+          <EuiText size="s" data-test-subj="acceleration-header">
             <h1>Accelerate data</h1>
-          </EuiTitle>
+          </EuiText>
         </EuiPageHeaderSection>
       </EuiPageHeader>
       <EuiSpacer size="s" />
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/connection_detail/direct_query_connection_detail.tsx b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/connection_detail/direct_query_connection_detail.tsx
index 0d8e9c98222e..0b67b4e11797 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/connection_detail/direct_query_connection_detail.tsx
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/connection_detail/direct_query_connection_detail.tsx
@@ -11,7 +11,6 @@ import {
   EuiPageHeaderSection,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiTitle,
   EuiPanel,
   EuiSpacer,
   EuiText,
@@ -434,9 +433,9 @@ export const DirectQueryDataConnectionDetail: React.FC<DirectQueryDataConnection
           <EuiPageHeaderSection style={{ width: '100%', justifyContent: 'space-between' }}>
             <EuiFlexGroup>
               <EuiFlexItem grow={false}>
-                <EuiTitle data-test-subj="datasourceTitle" size="l">
+                <EuiText data-test-subj="datasourceTitle" size="s">
                   <h1>{datasourceDetails.name}</h1>
-                </EuiTitle>
+                </EuiText>
               </EuiFlexItem>
             </EuiFlexGroup>
           </EuiPageHeaderSection>
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/__snapshots__/configure_amazon_s3_data_source.test.tsx.snap b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/__snapshots__/configure_amazon_s3_data_source.test.tsx.snap
index fcff59af7cba..43a97eea699d 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/__snapshots__/configure_amazon_s3_data_source.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/__snapshots__/configure_amazon_s3_data_source.test.tsx.snap
@@ -148,13 +148,17 @@ exports[`ConfigureS3DatasourcePanel renders correctly 1`] = `
             <div
               className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
             >
-              <EuiTitle>
-                <h1
-                  className="euiTitle euiTitle--medium"
+              <EuiText
+                size="s"
+              >
+                <div
+                  className="euiText euiText--small"
                 >
-                  Configure Amazon S3 data source
-                </h1>
-              </EuiTitle>
+                  <h1>
+                    Configure Amazon S3 data source
+                  </h1>
+                </div>
+              </EuiText>
               <EuiSpacer
                 size="s"
               >
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/__snapshots__/review_amazon_s3_data_source.test.tsx.snap b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/__snapshots__/review_amazon_s3_data_source.test.tsx.snap
index 72b9a71e6449..1283d828b769 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/__snapshots__/review_amazon_s3_data_source.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/__snapshots__/review_amazon_s3_data_source.test.tsx.snap
@@ -57,14 +57,19 @@ exports[`ReviewS3Datasource renders correctly 1`] = `
           <div
             className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
           >
-            <EuiTitle>
-              <h1
-                className="euiTitle euiTitle--medium"
-                data-test-subj="reviewTitle"
+            <EuiText
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
               >
-                Review Amazon S3 data source configuration
-              </h1>
-            </EuiTitle>
+                <h1
+                  data-test-subj="reviewTitle"
+                >
+                  Review Amazon S3 data source configuration
+                </h1>
+              </div>
+            </EuiText>
             <EuiSpacer
               size="s"
             >
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/configure_amazon_s3_data_source.tsx b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/configure_amazon_s3_data_source.tsx
index 535298693e5e..7eeeda357304 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/configure_amazon_s3_data_source.tsx
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/configure_amazon_s3_data_source.tsx
@@ -86,9 +86,9 @@ export const ConfigureS3DatasourcePanel: React.FC<ConfigureS3DatasourceProps> =
   return (
     <div>
       <EuiPanel>
-        <EuiTitle>
+        <EuiText size="s">
           <h1>{`Configure Amazon S3 data source`}</h1>
-        </EuiTitle>
+        </EuiText>
         <EuiSpacer size="s" />
         <EuiCallOut title="Setup Amazon EMR as execution engine first" iconType="iInCircle">
           <EuiText size="s" color="subdued">
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/review_amazon_s3_data_source.tsx b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/review_amazon_s3_data_source.tsx
index 0a13bbedbec6..8b6adfd0ef32 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/review_amazon_s3_data_source.tsx
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/amazon_s3/review_amazon_s3_data_source.tsx
@@ -5,7 +5,6 @@
 
 import {
   EuiPanel,
-  EuiTitle,
   EuiSpacer,
   EuiText,
   EuiFlexGroup,
@@ -41,9 +40,9 @@ export const ReviewS3Datasource = (props: ConfigureS3DatasourceProps) => {
   return (
     <div>
       <EuiPanel>
-        <EuiTitle>
+        <EuiText size="s">
           <h1 data-test-subj="reviewTitle">{`Review Amazon S3 data source configuration`}</h1>
-        </EuiTitle>
+        </EuiText>
         <EuiSpacer size="s" />
         <EuiSpacer />
         <EuiFlexGroup justifyContent="spaceBetween">
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/__snapshots__/configure_prometheus_data_source.test.tsx.snap b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/__snapshots__/configure_prometheus_data_source.test.tsx.snap
index c49c259f8cf9..2032dacce601 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/__snapshots__/configure_prometheus_data_source.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/__snapshots__/configure_prometheus_data_source.test.tsx.snap
@@ -74,13 +74,17 @@ exports[`ConfigurePrometheusDatasourcePanel renders correctly 1`] = `
           <div
             className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
           >
-            <EuiTitle>
-              <h4
-                className="euiTitle euiTitle--medium"
+            <EuiText
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
               >
-                Configure Prometheus data source
-              </h4>
-            </EuiTitle>
+                <h1>
+                  Configure Prometheus data source
+                </h1>
+              </div>
+            </EuiText>
             <EuiSpacer
               size="s"
             >
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/__snapshots__/review_prometheus_data_source.test.tsx.snap b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/__snapshots__/review_prometheus_data_source.test.tsx.snap
index 15e5117c99f1..3f8efc268957 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/__snapshots__/review_prometheus_data_source.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/__snapshots__/review_prometheus_data_source.test.tsx.snap
@@ -57,14 +57,19 @@ exports[`ReviewPrometheusDatasource renders correctly 1`] = `
           <div
             className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
           >
-            <EuiTitle>
-              <h1
-                className="euiTitle euiTitle--medium"
-                data-test-subj="reviewTitle"
+            <EuiText
+              size="s"
+            >
+              <div
+                className="euiText euiText--small"
               >
-                Review Prometheus data source configuration
-              </h1>
-            </EuiTitle>
+                <h1
+                  data-test-subj="reviewTitle"
+                >
+                  Review Prometheus data source configuration
+                </h1>
+              </div>
+            </EuiText>
             <EuiSpacer
               size="s"
             >
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/configure_prometheus_data_source.tsx b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/configure_prometheus_data_source.tsx
index 4c15364e129d..3d1b02bb60ac 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/configure_prometheus_data_source.tsx
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/configure_prometheus_data_source.tsx
@@ -5,7 +5,6 @@
 
 import {
   EuiPanel,
-  EuiTitle,
   EuiSpacer,
   EuiText,
   EuiLink,
@@ -88,9 +87,9 @@ export const ConfigurePrometheusDatasourcePanel = (props: ConfigurePrometheusDat
   return (
     <div>
       <EuiPanel>
-        <EuiTitle>
-          <h4>{`Configure Prometheus data source`}</h4>
-        </EuiTitle>
+        <EuiText size="s">
+          <h1>{`Configure Prometheus data source`}</h1>
+        </EuiText>
         <EuiSpacer size="s" />
         <EuiText size="s" color="subdued">
           {`Connect to Prometheus with OpenSearch and OpenSearch Dashboards. `}
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/review_prometheus_data_source.tsx b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/review_prometheus_data_source.tsx
index 02fad81a98ae..3fea8702d813 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/review_prometheus_data_source.tsx
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_source_configuration/prometheus/review_prometheus_data_source.tsx
@@ -5,7 +5,6 @@
 
 import {
   EuiPanel,
-  EuiTitle,
   EuiSpacer,
   EuiText,
   EuiFlexGroup,
@@ -41,9 +40,9 @@ export const ReviewPrometheusDatasource = (props: ConfigurePrometheusDatasourceP
   return (
     <div>
       <EuiPanel>
-        <EuiTitle>
+        <EuiText size="s">
           <h1 data-test-subj="reviewTitle">{`Review Prometheus data source configuration`}</h1>
-        </EuiTitle>
+        </EuiText>
         <EuiSpacer size="s" />
         <EuiSpacer />
         <EuiFlexGroup justifyContent="spaceBetween">
diff --git a/src/plugins/data_source_management/public/components/edit_data_source/components/header/header.tsx b/src/plugins/data_source_management/public/components/edit_data_source/components/header/header.tsx
index 8e016a80299e..cd81bd0e6e69 100644
--- a/src/plugins/data_source_management/public/components/edit_data_source/components/header/header.tsx
+++ b/src/plugins/data_source_management/public/components/edit_data_source/components/header/header.tsx
@@ -7,7 +7,6 @@ import React, { useState } from 'react';
 
 import {
   EuiSpacer,
-  EuiTitle,
   EuiFlexItem,
   EuiFlexGroup,
   EuiToolTip,
@@ -15,6 +14,7 @@ import {
   EuiConfirmModal,
   EuiSmallButton,
   EuiSmallButtonEmpty,
+  EuiText,
 } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 import { FormattedMessage } from '@osd/i18n/react';
@@ -166,9 +166,9 @@ export const Header = ({
       {/* Title */}
       <EuiFlexItem grow={false}>
         <div>
-          <EuiTitle data-test-subj="editDataSourceTitle">
+          <EuiText size="s" data-test-subj="editDataSourceTitle">
             <h1>{dataSourceName}</h1>
-          </EuiTitle>
+          </EuiText>
           <EuiSpacer size="s" />
         </div>
       </EuiFlexItem>
diff --git a/src/plugins/home/public/application/components/tutorial_directory.js b/src/plugins/home/public/application/components/tutorial_directory.js
index d9ddcc167e05..e2569c76739e 100644
--- a/src/plugins/home/public/application/components/tutorial_directory.js
+++ b/src/plugins/home/public/application/components/tutorial_directory.js
@@ -44,8 +44,8 @@ import {
   EuiFlexGrid,
   EuiFlexGroup,
   EuiSpacer,
-  EuiTitle,
   EuiPageBody,
+  EuiText,
 } from '@elastic/eui';
 
 import { getTutorials } from '../load_tutorials';
@@ -280,14 +280,14 @@ class TutorialDirectoryUi extends React.Component {
       <>
         <EuiFlexGroup alignItems="center">
           <EuiFlexItem>
-            <EuiTitle size="l">
+            <EuiText size="s">
               <h1>
                 <FormattedMessage
                   id="home.tutorial.addDataToOpenSearchDashboardsTitle"
                   defaultMessage="Add sample data"
                 />
               </h1>
-            </EuiTitle>
+            </EuiText>
           </EuiFlexItem>
           {headerLinks ? <EuiFlexItem grow={false}>{headerLinks}</EuiFlexItem> : null}
         </EuiFlexGroup>
diff --git a/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/__snapshots__/header.test.tsx.snap b/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/__snapshots__/header.test.tsx.snap
index 8d2423121710..35c9543af3c7 100644
--- a/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/__snapshots__/header.test.tsx.snap
+++ b/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/__snapshots__/header.test.tsx.snap
@@ -23,24 +23,28 @@ exports[`Header should render a different name, prompt, and beta tag if provided
     }
   >
     <div>
-      <EuiTitle>
-        <h1
-          className="euiTitle euiTitle--medium"
+      <EuiText
+        size="s"
+      >
+        <div
+          className="euiText euiText--small"
         >
-          Create test index pattern
-           
-          <EuiBetaBadge
-            label="Beta"
-          >
-            <span
-              className="euiBetaBadge euiBetaBadge--hollow"
-              title="Beta"
+          <h1>
+            Create test index pattern
+             
+            <EuiBetaBadge
+              label="Beta"
             >
-              Beta
-            </span>
-          </EuiBetaBadge>
-        </h1>
-      </EuiTitle>
+              <span
+                className="euiBetaBadge euiBetaBadge--hollow"
+                title="Beta"
+              >
+                Beta
+              </span>
+            </EuiBetaBadge>
+          </h1>
+        </div>
+      </EuiText>
       <EuiSpacer
         size="s"
       >
@@ -158,13 +162,17 @@ exports[`Header should render normally 1`] = `
     indexPatternName="test index pattern"
   >
     <div>
-      <EuiTitle>
-        <h1
-          className="euiTitle euiTitle--medium"
+      <EuiText
+        size="s"
+      >
+        <div
+          className="euiText euiText--small"
         >
-          Create test index pattern
-        </h1>
-      </EuiTitle>
+          <h1>
+            Create test index pattern
+          </h1>
+        </div>
+      </EuiText>
       <EuiSpacer
         size="s"
       >
@@ -272,13 +280,17 @@ exports[`Header should render without including system indices 1`] = `
     indexPatternName="test index pattern"
   >
     <div>
-      <EuiTitle>
-        <h1
-          className="euiTitle euiTitle--medium"
+      <EuiText
+        size="s"
+      >
+        <div
+          className="euiText euiText--small"
         >
-          Create test index pattern
-        </h1>
-      </EuiTitle>
+          <h1>
+            Create test index pattern
+          </h1>
+        </div>
+      </EuiText>
       <EuiSpacer
         size="s"
       >
diff --git a/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/header.tsx b/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/header.tsx
index 8caffa19ed9a..5a0ab5018d2e 100644
--- a/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/header.tsx
+++ b/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/header.tsx
@@ -30,7 +30,7 @@
 
 import React from 'react';
 
-import { EuiBetaBadge, EuiSpacer, EuiTitle, EuiText, EuiCode, EuiLink } from '@elastic/eui';
+import { EuiBetaBadge, EuiSpacer, EuiText, EuiCode, EuiLink } from '@elastic/eui';
 
 import { i18n } from '@osd/i18n';
 import { FormattedMessage } from '@osd/i18n/react';
@@ -63,7 +63,7 @@ export const Header = ({
 
   return (
     <div>
-      <EuiTitle>
+      <EuiText size="s">
         <h1>
           {createIndexPatternHeader}
           {isBeta ? (
@@ -77,7 +77,7 @@ export const Header = ({
             </>
           ) : null}
         </h1>
-      </EuiTitle>
+      </EuiText>
       <EuiSpacer size="s" />
       <EuiText>
         <p>
diff --git a/src/plugins/index_pattern_management/public/components/edit_index_pattern/index_header/index_header.tsx b/src/plugins/index_pattern_management/public/components/edit_index_pattern/index_header/index_header.tsx
index 4bb917be4955..386e0d840e1d 100644
--- a/src/plugins/index_pattern_management/public/components/edit_index_pattern/index_header/index_header.tsx
+++ b/src/plugins/index_pattern_management/public/components/edit_index_pattern/index_header/index_header.tsx
@@ -30,7 +30,7 @@
 
 import React from 'react';
 import { i18n } from '@osd/i18n';
-import { EuiFlexGroup, EuiToolTip, EuiFlexItem, EuiTitle, EuiSmallButtonIcon } from '@elastic/eui';
+import { EuiFlexGroup, EuiToolTip, EuiFlexItem, EuiSmallButtonIcon, EuiText } from '@elastic/eui';
 import { IIndexPattern } from 'src/plugins/data/public';
 
 interface IndexHeaderProps {
@@ -81,9 +81,9 @@ export function IndexHeader({
   return (
     <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
       <EuiFlexItem>
-        <EuiTitle>
+        <EuiText size="s">
           <h1 data-test-subj="indexPatternTitle">{indexPattern.title}</h1>
-        </EuiTitle>
+        </EuiText>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiFlexGroup responsive={false}>
diff --git a/src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx b/src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx
index f4e0437824cd..aad835bacdb7 100644
--- a/src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx
+++ b/src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx
@@ -38,7 +38,6 @@ import {
   EuiText,
   EuiBadgeGroup,
   EuiPageContent,
-  EuiTitle,
 } from '@elastic/eui';
 import { FormattedMessage } from '@osd/i18n/react';
 import { withRouter, RouteComponentProps } from 'react-router-dom';
@@ -265,9 +264,9 @@ export const IndexPatternTable = ({ canSave, history }: Props) => {
       <EuiPageContent data-test-subj="indexPatternTable" role="region" aria-label={ariaRegion}>
         <EuiFlexGroup justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>
-            <EuiTitle>
-              <h2>{title}</h2>
-            </EuiTitle>
+            <EuiText size="s">
+              <h1>{title}</h1>
+            </EuiText>
             <EuiSpacer size="s" />
             <EuiText>
               <p>
diff --git a/src/plugins/management_overview/public/__snapshots__/application.test.tsx.snap b/src/plugins/management_overview/public/__snapshots__/application.test.tsx.snap
index 666f1b50c696..cf5d62327a33 100644
--- a/src/plugins/management_overview/public/__snapshots__/application.test.tsx.snap
+++ b/src/plugins/management_overview/public/__snapshots__/application.test.tsx.snap
@@ -8,13 +8,15 @@ exports[`Overview page rendering should render normally 1`] = `
   <main
     class="euiPageBody euiPageBody--borderRadiusNone"
   >
-    <h1
-      class="euiTitle euiTitle--large"
+    <div
+      class="euiText euiText--small"
     >
-      <span>
-        Overview
-      </span>
-    </h1>
+      <h1>
+        <span>
+          Overview
+        </span>
+      </h1>
+    </div>
     <div
       class="euiSpacer euiSpacer--l"
     />
diff --git a/src/plugins/management_overview/public/application.tsx b/src/plugins/management_overview/public/application.tsx
index 805c43081fdd..528cc418ab98 100644
--- a/src/plugins/management_overview/public/application.tsx
+++ b/src/plugins/management_overview/public/application.tsx
@@ -6,7 +6,7 @@
 import ReactDOM from 'react-dom';
 import { I18nProvider, FormattedMessage } from '@osd/i18n/react';
 import React, { useMemo } from 'react';
-import { EuiFlexGrid, EuiFlexItem, EuiPage, EuiPageBody, EuiSpacer, EuiTitle } from '@elastic/eui';
+import { EuiFlexGrid, EuiFlexItem, EuiPage, EuiPageBody, EuiSpacer, EuiText } from '@elastic/eui';
 import useObservable from 'react-use/lib/useObservable';
 import { ApplicationStart, AppNavLinkStatus, CoreStart } from '../../../core/public';
 import { OverviewApp } from '.';
@@ -31,11 +31,11 @@ export function ManagementOverviewWrapper(props: ManagementOverviewProps) {
   return (
     <EuiPage restrictWidth={1200}>
       <EuiPageBody component="main">
-        <EuiTitle size="l">
+        <EuiText size="s">
           <h1>
             <FormattedMessage id="management.overview.overviewTitle" defaultMessage="Overview" />
           </h1>
-        </EuiTitle>
+        </EuiText>
         <EuiSpacer />
         <EuiFlexGrid columns={3}>
           {availableApps?.map((app) => (
diff --git a/src/plugins/saved_objects_management/public/management_section/objects_table/__snapshots__/saved_objects_table.test.tsx.snap b/src/plugins/saved_objects_management/public/management_section/objects_table/__snapshots__/saved_objects_table.test.tsx.snap
index 45deb7c2f2f4..911839e621b6 100644
--- a/src/plugins/saved_objects_management/public/management_section/objects_table/__snapshots__/saved_objects_table.test.tsx.snap
+++ b/src/plugins/saved_objects_management/public/management_section/objects_table/__snapshots__/saved_objects_table.test.tsx.snap
@@ -837,15 +837,21 @@ exports[`SavedObjectsTable export should allow the user to choose when exporting
 >
   <EuiModalHeader>
     <EuiModalHeaderTitle>
-      <FormattedMessage
-        defaultMessage="Export {filteredItemCount, plural, one{# object} other {# objects}}"
-        id="savedObjectsManagement.objectsTable.exportObjectsConfirmModalTitle"
-        values={
-          Object {
-            "filteredItemCount": 4,
-          }
-        }
-      />
+      <EuiText
+        size="s"
+      >
+        <h2>
+          <FormattedMessage
+            defaultMessage="Export {filteredItemCount, plural, one{# object} other {# objects}}"
+            id="savedObjectsManagement.objectsTable.exportObjectsConfirmModalTitle"
+            values={
+              Object {
+                "filteredItemCount": 4,
+              }
+            }
+          />
+        </h2>
+      </EuiText>
     </EuiModalHeaderTitle>
   </EuiModalHeader>
   <EuiModalBody>
diff --git a/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/flyout.test.tsx.snap b/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/flyout.test.tsx.snap
index 4329f6164ff8..e0d7f197c88e 100644
--- a/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/flyout.test.tsx.snap
+++ b/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/flyout.test.tsx.snap
@@ -8,8 +8,8 @@ exports[`Flyout conflicts should allow conflict resolution 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
-      size="m"
+    <EuiText
+      size="s"
     >
       <h2>
         <FormattedMessage
@@ -18,7 +18,7 @@ exports[`Flyout conflicts should allow conflict resolution 1`] = `
           values={Object {}}
         />
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <EuiSpacer
@@ -272,8 +272,8 @@ exports[`Flyout legacy conflicts should allow conflict resolution 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
-      size="m"
+    <EuiText
+      size="s"
     >
       <h2>
         <FormattedMessage
@@ -282,7 +282,7 @@ exports[`Flyout legacy conflicts should allow conflict resolution 1`] = `
           values={Object {}}
         />
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <EuiSpacer
@@ -536,8 +536,8 @@ exports[`Flyout should render cluster selector and import options when datasourc
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
-      size="m"
+    <EuiText
+      size="s"
     >
       <h2>
         <FormattedMessage
@@ -546,7 +546,7 @@ exports[`Flyout should render cluster selector and import options when datasourc
           values={Object {}}
         />
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <EuiForm>
@@ -692,8 +692,8 @@ exports[`Flyout should render import step 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
-      size="m"
+    <EuiText
+      size="s"
     >
       <h2>
         <FormattedMessage
@@ -702,7 +702,7 @@ exports[`Flyout should render import step 1`] = `
           values={Object {}}
         />
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <EuiForm>
diff --git a/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap b/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap
index 43cf0823c827..2ec785fe8dec 100644
--- a/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap
+++ b/src/plugins/saved_objects_management/public/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap
@@ -7,14 +7,14 @@ exports[`Relationships from legacy app should render dashboards normally 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MyDashboard
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <div>
@@ -155,14 +155,14 @@ exports[`Relationships from legacy app should render errors 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MyDashboard
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <EuiCallOut
@@ -190,14 +190,14 @@ exports[`Relationships from legacy app should render index patterns normally 1`]
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MyIndexPattern*
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <div>
@@ -343,14 +343,14 @@ exports[`Relationships from legacy app should render searches normally 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MySearch
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <div>
@@ -496,14 +496,14 @@ exports[`Relationships from legacy app should render visualizations normally 1`]
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MyViz
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <div>
@@ -644,14 +644,14 @@ exports[`Relationships should render augment-vis objects normally 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MyAugmentVisObject
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <div>
@@ -778,14 +778,14 @@ exports[`Relationships should render dashboards normally 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MyDashboard
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <div>
@@ -926,14 +926,14 @@ exports[`Relationships should render errors 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MyDashboard
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <EuiCallOut
@@ -961,14 +961,14 @@ exports[`Relationships should render index patterns normally 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MyIndexPattern*
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <div>
@@ -1114,14 +1114,14 @@ exports[`Relationships should render searches normally 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MySearch
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <div>
@@ -1267,14 +1267,14 @@ exports[`Relationships should render visualizations normally 1`] = `
   <EuiFlyoutHeader
     hasBorder={true}
   >
-    <EuiTitle
+    <EuiText
       className="eui-textBreakWord"
-      size="m"
+      size="s"
     >
       <h2>
         MyViz
       </h2>
-    </EuiTitle>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <div>
diff --git a/src/plugins/saved_objects_management/public/management_section/objects_table/components/flyout.tsx b/src/plugins/saved_objects_management/public/management_section/objects_table/components/flyout.tsx
index 074a185390cc..38226d85399a 100644
--- a/src/plugins/saved_objects_management/public/management_section/objects_table/components/flyout.tsx
+++ b/src/plugins/saved_objects_management/public/management_section/objects_table/components/flyout.tsx
@@ -1027,14 +1027,14 @@ export class Flyout extends Component<FlyoutProps, FlyoutState> {
     return (
       <EuiFlyout onClose={close} size="s">
         <EuiFlyoutHeader hasBorder>
-          <EuiTitle size="m">
+          <EuiText size="s">
             <h2>
               <FormattedMessage
                 id="savedObjectsManagement.objectsTable.flyout.importSavedObjectTitle"
                 defaultMessage="Import saved objects"
               />
             </h2>
-          </EuiTitle>
+          </EuiText>
         </EuiFlyoutHeader>
 
         <EuiFlyoutBody>
diff --git a/src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.tsx b/src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.tsx
index 0115111da0ac..480cb9758c12 100644
--- a/src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.tsx
+++ b/src/plugins/saved_objects_management/public/management_section/objects_table/components/relationships.tsx
@@ -30,7 +30,6 @@
 
 import React, { Component } from 'react';
 import {
-  EuiTitle,
   EuiFlyout,
   EuiFlyoutBody,
   EuiFlyoutHeader,
@@ -336,9 +335,9 @@ export class Relationships extends Component<RelationshipsProps, RelationshipsSt
     return (
       <EuiFlyout onClose={close}>
         <EuiFlyoutHeader hasBorder>
-          <EuiTitle size="m" className="eui-textBreakWord">
+          <EuiText size="s" className="eui-textBreakWord">
             <h2>{savedObject.meta.title || getDefaultTitle(savedObject)}</h2>
-          </EuiTitle>
+          </EuiText>
         </EuiFlyoutHeader>
 
         <EuiFlyoutBody>{this.renderRelationships()}</EuiFlyoutBody>
diff --git a/src/plugins/saved_objects_management/public/management_section/objects_table/saved_objects_table.tsx b/src/plugins/saved_objects_management/public/management_section/objects_table/saved_objects_table.tsx
index 7b9f1a09b49b..76d2ce72c51c 100644
--- a/src/plugins/saved_objects_management/public/management_section/objects_table/saved_objects_table.tsx
+++ b/src/plugins/saved_objects_management/public/management_section/objects_table/saved_objects_table.tsx
@@ -960,13 +960,17 @@ export class SavedObjectsTable extends Component<SavedObjectsTableProps, SavedOb
       <EuiModal onClose={this.closeExportAllModal}>
         <EuiModalHeader>
           <EuiModalHeaderTitle>
-            <FormattedMessage
-              id="savedObjectsManagement.objectsTable.exportObjectsConfirmModalTitle"
-              defaultMessage="Export {filteredItemCount, plural, one{# object} other {# objects}}"
-              values={{
-                filteredItemCount,
-              }}
-            />
+            <EuiText size="s">
+              <h2>
+                <FormattedMessage
+                  id="savedObjectsManagement.objectsTable.exportObjectsConfirmModalTitle"
+                  defaultMessage="Export {filteredItemCount, plural, one{# object} other {# objects}}"
+                  values={{
+                    filteredItemCount,
+                  }}
+                />
+              </h2>
+            </EuiText>
           </EuiModalHeaderTitle>
         </EuiModalHeader>
         <EuiModalBody>