From dcf32f0d4e74a252585a087adf02e165f095189a Mon Sep 17 00:00:00 2001
From: Huy Nguyen <73027756+huyaboo@users.noreply.github.com>
Date: Thu, 18 Apr 2024 20:51:12 +0000
Subject: [PATCH] Update snapshots

Signed-off-by: Huy Nguyen <73027756+huyaboo@users.noreply.github.com>
---
 .../data_source_aggregated_view.test.tsx.snap | 1204 ++++++++---------
 .../data_source_selectable.test.tsx.snap      |   42 +-
 .../data_source_view.test.tsx.snap            |   42 +-
 .../drop_down_header.test.tsx.snap            |   85 +-
 4 files changed, 620 insertions(+), 753 deletions(-)

diff --git a/src/plugins/data_source_management/public/components/data_source_aggregated_view/__snapshots__/data_source_aggregated_view.test.tsx.snap b/src/plugins/data_source_management/public/components/data_source_aggregated_view/__snapshots__/data_source_aggregated_view.test.tsx.snap
index 57ba243a476b..18283682a06e 100644
--- a/src/plugins/data_source_management/public/components/data_source_aggregated_view/__snapshots__/data_source_aggregated_view.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/data_source_aggregated_view/__snapshots__/data_source_aggregated_view.test.tsx.snap
@@ -27,52 +27,44 @@ exports[`DataSourceAggregatedView: read active view (displayAllCompatibleDataSou
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          activeDataSourceCount={1}
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        activeDataSourceCount={1}
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={3}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={3}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -164,52 +156,44 @@ exports[`DataSourceAggregatedView: read active view (displayAllCompatibleDataSou
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          activeDataSourceCount={2}
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        activeDataSourceCount={2}
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={4}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={4}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -307,52 +291,44 @@ exports[`DataSourceAggregatedView: read active view (displayAllCompatibleDataSou
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          activeDataSourceCount={1}
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        activeDataSourceCount={1}
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={2}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={2}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -438,52 +414,44 @@ exports[`DataSourceAggregatedView: read active view (displayAllCompatibleDataSou
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          activeDataSourceCount={2}
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        activeDataSourceCount={2}
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={3}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={3}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -575,52 +543,44 @@ exports[`DataSourceAggregatedView: read active view (displayAllCompatibleDataSou
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          activeDataSourceCount={0}
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        activeDataSourceCount={0}
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={3}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={3}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -712,52 +672,44 @@ exports[`DataSourceAggregatedView: read active view (displayAllCompatibleDataSou
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          activeDataSourceCount={0}
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        activeDataSourceCount={0}
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={4}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={4}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -855,52 +807,44 @@ exports[`DataSourceAggregatedView: read active view (displayAllCompatibleDataSou
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          activeDataSourceCount={0}
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        activeDataSourceCount={0}
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={2}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={2}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -986,52 +930,44 @@ exports[`DataSourceAggregatedView: read active view (displayAllCompatibleDataSou
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          activeDataSourceCount={0}
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        activeDataSourceCount={0}
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={3}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={3}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -1123,51 +1059,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -1223,51 +1151,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -1323,51 +1243,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -1423,51 +1335,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -1523,51 +1427,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -1623,51 +1519,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -1723,51 +1611,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -1823,51 +1703,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -1923,51 +1795,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
@@ -2023,51 +1887,43 @@ exports[`DataSourceAggregatedView: read all view (displayAllCompatibleDataSource
       hasFocus={true}
       items={Array []}
     >
-      <EuiPanel
-        borderRadius="none"
-        className="dataSourceAggregatedViewOuiPanel"
-        color="transparent"
-        hasBorder={false}
-        paddingSize="s"
-      >
-        <DataSourceDropDownHeader
-          application={
-            Object {
-              "applications$": BehaviorSubject {
+      <DataSourceDropDownHeader
+        application={
+          Object {
+            "applications$": BehaviorSubject {
+              "_isScalar": false,
+              "_value": Map {},
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [],
+              "thrownError": null,
+            },
+            "capabilities": Object {
+              "catalogue": Object {},
+              "management": Object {},
+              "navLinks": Object {},
+              "workspaces": Object {},
+            },
+            "currentAppId$": Observable {
+              "_isScalar": false,
+              "source": Subject {
                 "_isScalar": false,
-                "_value": Map {},
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
                 "observers": Array [],
                 "thrownError": null,
               },
-              "capabilities": Object {
-                "catalogue": Object {},
-                "management": Object {},
-                "navLinks": Object {},
-                "workspaces": Object {},
-              },
-              "currentAppId$": Observable {
-                "_isScalar": false,
-                "source": Subject {
-                  "_isScalar": false,
-                  "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [],
-                  "thrownError": null,
-                },
-              },
-              "getUrlForApp": [MockFunction],
-              "navigateToApp": [MockFunction],
-              "navigateToUrl": [MockFunction],
-              "registerMountContext": [MockFunction],
-            }
+            },
+            "getUrlForApp": [MockFunction],
+            "navigateToApp": [MockFunction],
+            "navigateToUrl": [MockFunction],
+            "registerMountContext": [MockFunction],
           }
-          totalDataSourceCount={0}
-        />
-      </EuiPanel>
+        }
+        totalDataSourceCount={0}
+      />
       <EuiPanel
         borderRadius="none"
         className="dataSourceAggregatedViewOuiPanel"
diff --git a/src/plugins/data_source_management/public/components/data_source_selectable/__snapshots__/data_source_selectable.test.tsx.snap b/src/plugins/data_source_management/public/components/data_source_selectable/__snapshots__/data_source_selectable.test.tsx.snap
index 9fba5f90713b..5c06ee3739d2 100644
--- a/src/plugins/data_source_management/public/components/data_source_selectable/__snapshots__/data_source_selectable.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/data_source_selectable/__snapshots__/data_source_selectable.test.tsx.snap
@@ -293,29 +293,33 @@ Object {
                     class="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow dataSourceSelectableOuiPanel"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiTitle euiTitle--xxxsmall"
+                      class="euiPopoverTitle euiPopoverTitle--paddingSmall"
                     >
                       <div
-                        class="euiFlexItem"
+                        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                       >
-                        DATA SOURCES
-                         (
-                        3
-                        )
-                      </div>
-                      <div
-                        class="dataSourceDropDownHeaderInvisibleFocusable"
-                        tabindex="0"
-                      />
-                      <div
-                        class="euiFlexItem euiFlexItem--flexGrowZero"
-                      >
-                        <button
-                          class="euiLink euiLink--primary"
-                          type="button"
+                        <div
+                          class="euiFlexItem"
+                        >
+                          DATA SOURCES
+                           (
+                          3
+                          )
+                        </div>
+                        <div
+                          class="dataSourceDropDownHeaderInvisibleFocusable"
+                          tabindex="0"
+                        />
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          Manage
-                        </button>
+                          <button
+                            class="euiLink euiLink--primary"
+                            type="button"
+                          >
+                            Manage
+                          </button>
+                        </div>
                       </div>
                     </div>
                     <hr
diff --git a/src/plugins/data_source_management/public/components/data_source_view/__snapshots__/data_source_view.test.tsx.snap b/src/plugins/data_source_management/public/components/data_source_view/__snapshots__/data_source_view.test.tsx.snap
index 94b98a7d9867..8432289e33a7 100644
--- a/src/plugins/data_source_management/public/components/data_source_view/__snapshots__/data_source_view.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/data_source_view/__snapshots__/data_source_view.test.tsx.snap
@@ -286,29 +286,33 @@ Object {
                     class="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow dataSourceViewOuiPanel"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiTitle euiTitle--xxxsmall"
+                      class="euiPopoverTitle euiPopoverTitle--paddingSmall"
                     >
                       <div
-                        class="euiFlexItem"
+                        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                       >
-                        DATA SOURCE
-                         (
-                        1
-                        )
-                      </div>
-                      <div
-                        class="dataSourceDropDownHeaderInvisibleFocusable"
-                        tabindex="0"
-                      />
-                      <div
-                        class="euiFlexItem euiFlexItem--flexGrowZero"
-                      >
-                        <button
-                          class="euiLink euiLink--primary"
-                          type="button"
+                        <div
+                          class="euiFlexItem"
+                        >
+                          DATA SOURCE
+                           (
+                          1
+                          )
+                        </div>
+                        <div
+                          class="dataSourceDropDownHeaderInvisibleFocusable"
+                          tabindex="0"
+                        />
+                        <div
+                          class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
-                          Manage
-                        </button>
+                          <button
+                            class="euiLink euiLink--primary"
+                            type="button"
+                          >
+                            Manage
+                          </button>
+                        </div>
                       </div>
                     </div>
                   </div>
diff --git a/src/plugins/data_source_management/public/components/drop_down_header/__snapshots__/drop_down_header.test.tsx.snap b/src/plugins/data_source_management/public/components/drop_down_header/__snapshots__/drop_down_header.test.tsx.snap
index 3a9bd6b63c5a..8c49521c32cc 100644
--- a/src/plugins/data_source_management/public/components/drop_down_header/__snapshots__/drop_down_header.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/drop_down_header/__snapshots__/drop_down_header.test.tsx.snap
@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DataSourceDropDownHeader should render correctly with the provided totalDataSourceCount 1`] = `
-<EuiTitle
-  size="xxxs"
+<EuiPopoverTitle
+  paddingSize="s"
 >
   <EuiFlexGroup
     alignItems="center"
@@ -28,7 +28,7 @@ exports[`DataSourceDropDownHeader should render correctly with the provided tota
       </EuiLink>
     </EuiFlexItem>
   </EuiFlexGroup>
-</EuiTitle>
+</EuiPopoverTitle>
 `;
 
 exports[`DataSourceDropDownHeader should render the activeDataSourceCount/totalDataSourceCount when both provided 1`] = `
@@ -36,53 +36,56 @@ exports[`DataSourceDropDownHeader should render the activeDataSourceCount/totalD
   activeDataSourceCount={2}
   totalDataSourceCount={5}
 >
-  <EuiTitle
-    size="xxxs"
+  <EuiPopoverTitle
+    paddingSize="s"
   >
-    <EuiFlexGroup
-      alignItems="center"
-      className="euiTitle euiTitle--xxxsmall"
-      responsive={false}
+    <div
+      className="euiPopoverTitle euiPopoverTitle--paddingSmall"
     >
-      <div
-        className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiTitle euiTitle--xxxsmall"
+      <EuiFlexGroup
+        alignItems="center"
+        responsive={false}
       >
-        <EuiFlexItem>
-          <div
-            className="euiFlexItem"
-          >
-            DATA SOURCES
-             (
-            2/5
-            )
-          </div>
-        </EuiFlexItem>
         <div
-          className="dataSourceDropDownHeaderInvisibleFocusable"
-          tabIndex={0}
-        />
-        <EuiFlexItem
-          grow={false}
+          className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
         >
+          <EuiFlexItem>
+            <div
+              className="euiFlexItem"
+            >
+              DATA SOURCES
+               (
+              2/5
+              )
+            </div>
+          </EuiFlexItem>
           <div
-            className="euiFlexItem euiFlexItem--flexGrowZero"
+            className="dataSourceDropDownHeaderInvisibleFocusable"
+            tabIndex={0}
+          />
+          <EuiFlexItem
+            grow={false}
           >
-            <EuiLink
-              onClick={[Function]}
+            <div
+              className="euiFlexItem euiFlexItem--flexGrowZero"
             >
-              <button
-                className="euiLink euiLink--primary"
-                disabled={false}
+              <EuiLink
                 onClick={[Function]}
-                type="button"
               >
-                Manage
-              </button>
-            </EuiLink>
-          </div>
-        </EuiFlexItem>
-      </div>
-    </EuiFlexGroup>
-  </EuiTitle>
+                <button
+                  className="euiLink euiLink--primary"
+                  disabled={false}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  Manage
+                </button>
+              </EuiLink>
+            </div>
+          </EuiFlexItem>
+        </div>
+      </EuiFlexGroup>
+    </div>
+  </EuiPopoverTitle>
 </DataSourceDropDownHeader>
 `;