diff --git a/changelogs/fragments/7799.yml b/changelogs/fragments/7799.yml
new file mode 100644
index 000000000000..15d74ab2efde
--- /dev/null
+++ b/changelogs/fragments/7799.yml
@@ -0,0 +1,4 @@
+feat:
+- Add external icon to `TopNavControlButtonData` and `TopNavControlLinkData` with `target: '_blank'` ([#7799](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7799))
+- Add `iconGap` to `TopNavControlButtonData` and `TopNavControlLinkData` ([#7799](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7799))
+- Bump OUI to 1.11.0 ([#7799](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7799))
\ No newline at end of file
diff --git a/package.json b/package.json
index 1c2a7f61d09b..f0ab45ec6e05 100644
--- a/package.json
+++ b/package.json
@@ -144,7 +144,7 @@
   "dependencies": {
     "@aws-crypto/client-node": "^3.1.1",
     "@elastic/datemath": "5.0.3",
-    "@elastic/eui": "npm:@opensearch-project/oui@1.10.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.11.0",
     "@elastic/good": "^9.0.1-kibana3",
     "@elastic/numeral": "npm:@amoo-miki/numeral@2.6.0",
     "@elastic/request-crypto": "2.0.0",
diff --git a/packages/osd-ui-framework/package.json b/packages/osd-ui-framework/package.json
index 97181ad0a9fe..de5545080abf 100644
--- a/packages/osd-ui-framework/package.json
+++ b/packages/osd-ui-framework/package.json
@@ -23,7 +23,7 @@
     "enzyme-adapter-react-16": "^1.9.1"
   },
   "devDependencies": {
-    "@elastic/eui": "npm:@opensearch-project/oui@1.10.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.11.0",
     "@osd/babel-preset": "1.0.0",
     "@osd/optimizer": "1.0.0",
     "comment-stripper": "^0.0.4",
diff --git a/packages/osd-ui-shared-deps/package.json b/packages/osd-ui-shared-deps/package.json
index 2952826e573a..682143391a12 100644
--- a/packages/osd-ui-shared-deps/package.json
+++ b/packages/osd-ui-shared-deps/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@elastic/charts": "31.1.0",
-    "@elastic/eui": "npm:@opensearch-project/oui@1.10.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.11.0",
     "@elastic/numeral": "npm:@amoo-miki/numeral@2.6.0",
     "@opensearch/datemath": "5.0.3",
     "@osd/i18n": "1.0.0",
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index 219c5dd3d389..168407a7de4f 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -3353,6 +3353,7 @@ exports[`Header handles visibility and lock changes 1`] = `
                       >
                         <EuiButtonContent
                           className="euiButtonEmpty__content"
+                          iconGap="m"
                           iconSide="left"
                           iconSize="m"
                           textProps={
@@ -3915,6 +3916,7 @@ exports[`Header handles visibility and lock changes 1`] = `
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="m"
                                 textProps={
@@ -6261,6 +6263,7 @@ exports[`Header handles visibility and lock changes 1`] = `
                                     >
                                       <EuiButtonContent
                                         className="euiButtonEmpty__content"
+                                        iconGap="m"
                                         iconSide="left"
                                         iconSize="m"
                                         textProps={
@@ -8552,6 +8555,7 @@ exports[`Header renders application header without title and breadcrumbs 1`] = `
                 >
                   <EuiButtonContent
                     className="euiButtonEmpty__content"
+                    iconGap="m"
                     iconSide="left"
                     iconSize="m"
                     textProps={
@@ -11890,6 +11894,7 @@ exports[`Header renders condensed header 1`] = `
                       >
                         <EuiButtonContent
                           className="euiButtonEmpty__content"
+                          iconGap="m"
                           iconSide="left"
                           iconSize="m"
                           textProps={
@@ -12375,6 +12380,7 @@ exports[`Header renders condensed header 1`] = `
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="m"
                                 textProps={
@@ -14721,6 +14727,7 @@ exports[`Header renders condensed header 1`] = `
                                     >
                                       <EuiButtonContent
                                         className="euiButtonEmpty__content"
+                                        iconGap="m"
                                         iconSide="left"
                                         iconSize="m"
                                         textProps={
@@ -16926,6 +16933,7 @@ exports[`Header renders page header with application title 1`] = `
                 >
                   <EuiButtonContent
                     className="euiButtonEmpty__content"
+                    iconGap="m"
                     iconSide="left"
                     iconSize="m"
                     textProps={
@@ -21224,6 +21232,7 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                       >
                         <EuiButtonContent
                           className="euiButtonEmpty__content"
+                          iconGap="m"
                           iconSide="left"
                           iconSize="m"
                           textProps={
@@ -21709,6 +21718,7 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="m"
                                 textProps={
@@ -24055,6 +24065,7 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                                     >
                                       <EuiButtonContent
                                         className="euiButtonEmpty__content"
+                                        iconGap="m"
                                         iconSide="left"
                                         iconSize="m"
                                         textProps={
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap
index a7e2c863bc55..efb1da552116 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap
@@ -1721,6 +1721,7 @@ exports[`Header help menu hides survey link 1`] = `
                   >
                     <EuiButtonContent
                       className="euiButtonEmpty__content"
+                      iconGap="m"
                       iconSide="left"
                       iconSize="m"
                       textProps={
@@ -2025,6 +2026,7 @@ exports[`Header help menu hides survey link 1`] = `
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="s"
                                 textProps={
@@ -2071,6 +2073,7 @@ exports[`Header help menu hides survey link 1`] = `
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="s"
                                 textProps={
@@ -2126,6 +2129,7 @@ exports[`Header help menu hides survey link 1`] = `
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="s"
                                 iconType="logoGithub"
@@ -3902,6 +3906,7 @@ exports[`Header help menu renders survey link 1`] = `
                   >
                     <EuiButtonContent
                       className="euiButtonEmpty__content"
+                      iconGap="m"
                       iconSide="left"
                       iconSize="m"
                       textProps={
@@ -4226,6 +4231,7 @@ exports[`Header help menu renders survey link 1`] = `
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="s"
                                 textProps={
@@ -4272,6 +4278,7 @@ exports[`Header help menu renders survey link 1`] = `
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="s"
                                 textProps={
@@ -4320,6 +4327,7 @@ exports[`Header help menu renders survey link 1`] = `
                               >
                                 <EuiButtonContent
                                   className="euiButtonEmpty__content"
+                                  iconGap="m"
                                   iconSide="left"
                                   iconSize="s"
                                   textProps={
@@ -4376,6 +4384,7 @@ exports[`Header help menu renders survey link 1`] = `
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="s"
                                 iconType="logoGithub"
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 a348861e438b..3db39384d2c4 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
@@ -399,6 +399,7 @@ exports[`ImportFlyout Component renders correctly 1`] = `
                       >
                         <EuiButtonContent
                           className="euiButtonEmpty__content"
+                          iconGap="m"
                           iconSide="left"
                           iconSize="m"
                           textProps={
@@ -469,6 +470,7 @@ exports[`ImportFlyout Component renders correctly 1`] = `
                         >
                           <EuiButtonContent
                             className="euiButton__content"
+                            iconGap="m"
                             iconSide="left"
                             isLoading={false}
                             textProps={
diff --git a/src/plugins/dashboard/public/application/components/dashboard_listing/__snapshots__/create_button.test.tsx.snap b/src/plugins/dashboard/public/application/components/dashboard_listing/__snapshots__/create_button.test.tsx.snap
index 1ca3fd80e890..d0f7c4de3566 100644
--- a/src/plugins/dashboard/public/application/components/dashboard_listing/__snapshots__/create_button.test.tsx.snap
+++ b/src/plugins/dashboard/public/application/components/dashboard_listing/__snapshots__/create_button.test.tsx.snap
@@ -316,6 +316,7 @@ exports[`create button with props renders button dropdown menu when two provider
                   >
                     <EuiButtonContent
                       className="euiButton__content"
+                      iconGap="m"
                       iconSide="right"
                       iconType="arrowDown"
                       textProps={
@@ -528,6 +529,7 @@ exports[`create button with props renders single button when one provider given
             >
               <EuiButtonContent
                 className="euiButton__content"
+                iconGap="m"
                 iconSide="left"
                 iconType="plus"
                 textProps={
diff --git a/src/plugins/dashboard/public/application/embeddable/empty/__snapshots__/dashboard_empty_screen.test.tsx.snap b/src/plugins/dashboard/public/application/embeddable/empty/__snapshots__/dashboard_empty_screen.test.tsx.snap
index 9889462a0472..a3657e4651c8 100644
--- a/src/plugins/dashboard/public/application/embeddable/empty/__snapshots__/dashboard_empty_screen.test.tsx.snap
+++ b/src/plugins/dashboard/public/application/embeddable/empty/__snapshots__/dashboard_empty_screen.test.tsx.snap
@@ -708,6 +708,7 @@ exports[`DashboardEmptyScreen renders correctly with visualize paragraph 1`] = `
                 >
                   <EuiButtonContent
                     className="euiButton__content"
+                    iconGap="m"
                     iconSide="left"
                     iconType="plus"
                     textProps={
diff --git a/src/plugins/dashboard/public/application/utils/__snapshots__/get_no_items_message.test.tsx.snap b/src/plugins/dashboard/public/application/utils/__snapshots__/get_no_items_message.test.tsx.snap
index 3907c106ebf6..61c64fd70657 100644
--- a/src/plugins/dashboard/public/application/utils/__snapshots__/get_no_items_message.test.tsx.snap
+++ b/src/plugins/dashboard/public/application/utils/__snapshots__/get_no_items_message.test.tsx.snap
@@ -712,6 +712,7 @@ exports[`dashboard listing table with no item and with write controls 1`] = `
           >
             <EuiButtonContent
               className="euiButton__content"
+              iconGap="m"
               iconSide="left"
               iconType="plus"
               textProps={
diff --git a/src/plugins/data/public/ui/query_editor/__snapshots__/language_selector.test.tsx.snap b/src/plugins/data/public/ui/query_editor/__snapshots__/language_selector.test.tsx.snap
index 41755d0462a8..4fa0dc9b33e7 100644
--- a/src/plugins/data/public/ui/query_editor/__snapshots__/language_selector.test.tsx.snap
+++ b/src/plugins/data/public/ui/query_editor/__snapshots__/language_selector.test.tsx.snap
@@ -527,6 +527,7 @@ exports[`LanguageSelector should select DQL if language is kuery 1`] = `
             >
               <EuiButtonContent
                 className="euiButtonEmpty__content"
+                iconGap="m"
                 iconSide="right"
                 iconSize="m"
                 iconType="arrowDown"
@@ -1095,6 +1096,7 @@ exports[`LanguageSelector should select lucene if language is lucene 1`] = `
             >
               <EuiButtonContent
                 className="euiButtonEmpty__content"
+                iconGap="m"
                 iconSide="right"
                 iconSize="m"
                 iconType="arrowDown"
diff --git a/src/plugins/data_source_management/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap b/src/plugins/data_source_management/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap
index f5c154eac905..3f12831b546b 100644
--- a/src/plugins/data_source_management/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap
@@ -140,6 +140,7 @@ exports[`DataSourceTable should get datasources failed should render empty table
                 >
                   <EuiButtonContent
                     className="euiButton__content"
+                    iconGap="m"
                     iconSide="left"
                     textProps={
                       Object {
@@ -584,6 +585,7 @@ exports[`DataSourceTable should get datasources successful should render normall
                             >
                               <EuiButtonContent
                                 className="euiButton__content"
+                                iconGap="m"
                                 iconSide="left"
                                 textProps={
                                   Object {
@@ -841,6 +843,7 @@ exports[`DataSourceTable should get datasources successful should render normall
                                       >
                                         <EuiButtonContent
                                           className="euiButtonEmpty__content"
+                                          iconGap="m"
                                           iconSide="right"
                                           iconSize="s"
                                           iconType="arrowDown"
@@ -1202,6 +1205,7 @@ exports[`DataSourceTable should get datasources successful should render normall
                                   >
                                     <EuiButtonContent
                                       className="euiButtonEmpty__content"
+                                      iconGap="m"
                                       iconSide="left"
                                       iconSize="s"
                                       textProps={
@@ -1355,6 +1359,7 @@ exports[`DataSourceTable should get datasources successful should render normall
                                   >
                                     <EuiButtonContent
                                       className="euiButtonEmpty__content"
+                                      iconGap="m"
                                       iconSide="left"
                                       iconSize="s"
                                       textProps={
@@ -1508,6 +1513,7 @@ exports[`DataSourceTable should get datasources successful should render normall
                                   >
                                     <EuiButtonContent
                                       className="euiButtonEmpty__content"
+                                      iconGap="m"
                                       iconSide="left"
                                       iconSize="s"
                                       textProps={
@@ -1701,6 +1707,7 @@ exports[`DataSourceTable should get datasources successful should render normall
                                   >
                                     <EuiButtonContent
                                       className="euiButtonEmpty__content"
+                                      iconGap="m"
                                       iconSide="left"
                                       iconSize="s"
                                       textProps={
@@ -1870,6 +1877,7 @@ exports[`DataSourceTable should get datasources successful should render normall
                                   >
                                     <EuiButtonContent
                                       className="euiButtonEmpty__content"
+                                      iconGap="m"
                                       iconSide="right"
                                       iconSize="s"
                                       iconType="arrowDown"
@@ -2040,6 +2048,7 @@ exports[`DataSourceTable should get datasources successful should render normall
                                             >
                                               <EuiButtonContent
                                                 className="euiButtonEmpty__content"
+                                                iconGap="m"
                                                 iconSide="left"
                                                 iconSize="m"
                                                 textProps={
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 1283d828b769..b77e28e676b3 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
@@ -144,6 +144,7 @@ exports[`ReviewS3Datasource renders correctly 1`] = `
                           >
                             <EuiButtonContent
                               className="euiButton__content"
+                              iconGap="m"
                               iconSide="left"
                               textProps={
                                 Object {
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 3f8efc268957..fc174f8a1e5b 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
@@ -146,6 +146,7 @@ exports[`ReviewPrometheusDatasource renders correctly 1`] = `
                           >
                             <EuiButtonContent
                               className="euiButton__content"
+                              iconGap="m"
                               iconSide="left"
                               textProps={
                                 Object {
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/available_integration_table.test.tsx.snap b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/available_integration_table.test.tsx.snap
index cf0aa0c83149..54772c39bfa7 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/available_integration_table.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/available_integration_table.test.tsx.snap
@@ -447,6 +447,7 @@ exports[`Available Integration Table View Test Renders nginx integration table v
                                         >
                                           <EuiButtonContent
                                             className="euiButton__content"
+                                            iconGap="m"
                                             iconSide="left"
                                             iconType="list"
                                             textProps={
@@ -545,6 +546,7 @@ exports[`Available Integration Table View Test Renders nginx integration table v
                                         >
                                           <EuiButtonContent
                                             className="euiButton__content"
+                                            iconGap="m"
                                             iconSide="left"
                                             iconType="grid"
                                             textProps={
@@ -1164,6 +1166,7 @@ exports[`Available Integration Table View Test Renders nginx integration table v
                                       >
                                         <EuiButtonContent
                                           className="euiButtonEmpty__content"
+                                          iconGap="m"
                                           iconSide="right"
                                           iconSize="s"
                                           iconType="arrowDown"
@@ -1334,6 +1337,7 @@ exports[`Available Integration Table View Test Renders nginx integration table v
                                                 >
                                                   <EuiButtonContent
                                                     className="euiButtonEmpty__content"
+                                                    iconGap="m"
                                                     iconSide="left"
                                                     iconSize="m"
                                                     textProps={
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/installed_integrations_table.test.tsx.snap b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/installed_integrations_table.test.tsx.snap
index 0955d74ea68f..923e6db4381c 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/installed_integrations_table.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/installed_integrations_table.test.tsx.snap
@@ -124,6 +124,7 @@ exports[`Installed Integrations Table test Renders the empty installed integrati
                       >
                         <EuiButtonContent
                           className="euiButton__content"
+                          iconGap="m"
                           iconSide="left"
                           textProps={
                             Object {
@@ -337,6 +338,7 @@ exports[`Installed Integrations Table test Renders the installed integrations ta
                     >
                       <EuiButtonContent
                         className="euiButton__content"
+                        iconGap="m"
                         iconSide="left"
                         textProps={
                           Object {
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/setup_integration.test.tsx.snap b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/setup_integration.test.tsx.snap
index 6708c2fdd3fe..eaefe0d108f1 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/setup_integration.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/integrations/__snapshots__/setup_integration.test.tsx.snap
@@ -999,6 +999,7 @@ exports[`SetupIntegrationForm tests renders SetupIntegrationForm and matches sna
                         >
                           <EuiButtonContent
                             className="euiButtonEmpty__content"
+                            iconGap="m"
                             iconSide="left"
                             iconSize="m"
                             iconType="cross"
@@ -1077,6 +1078,7 @@ exports[`SetupIntegrationForm tests renders SetupIntegrationForm and matches sna
                           >
                             <EuiButtonContent
                               className="euiButton__content"
+                              iconGap="m"
                               iconSide="right"
                               iconType="arrowRight"
                               isLoading={false}
diff --git a/src/plugins/data_source_management/public/components/edit_data_source/components/update_password_modal/__snapshots__/update_password_modal.test.tsx.snap b/src/plugins/data_source_management/public/components/edit_data_source/components/update_password_modal/__snapshots__/update_password_modal.test.tsx.snap
index cc579ec3a024..81f8901bf724 100644
--- a/src/plugins/data_source_management/public/components/edit_data_source/components/update_password_modal/__snapshots__/update_password_modal.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/edit_data_source/components/update_password_modal/__snapshots__/update_password_modal.test.tsx.snap
@@ -877,6 +877,7 @@ exports[`Datasource Management: Update Stored Password Modal should render norma
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
+                                iconGap="m"
                                 iconSide="left"
                                 iconSize="m"
                                 textProps={
@@ -946,6 +947,7 @@ exports[`Datasource Management: Update Stored Password Modal should render norma
                               >
                                 <EuiButtonContent
                                   className="euiButton__content"
+                                  iconGap="m"
                                   iconSide="left"
                                   textProps={
                                     Object {
diff --git a/src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap b/src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
index 136672e3e938..2456c069010b 100644
--- a/src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
+++ b/src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
@@ -278,6 +278,7 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
                           >
                             <EuiButtonContent
                               className="euiButton__content"
+                              iconGap="m"
                               iconSide="left"
                               isLoading={false}
                               textProps={
@@ -617,6 +618,7 @@ exports[`bulkCreate should display success message when bulkCreate is successful
                           >
                             <EuiButtonContent
                               className="euiButton__content"
+                              iconGap="m"
                               iconSide="left"
                               isLoading={false}
                               textProps={
diff --git a/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap b/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap
index c7d7f5952814..d94b30fcd6c5 100644
--- a/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap
+++ b/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap
@@ -257,6 +257,7 @@ exports[`InspectorPanel should render as expected 1`] = `
                         >
                           <EuiButtonContent
                             className="euiButtonEmpty__content"
+                            iconGap="m"
                             iconSide="right"
                             iconSize="m"
                             iconType="arrowDown"
diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx
index 4482eaec723d..7c57c62a35f2 100644
--- a/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx
+++ b/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx
@@ -33,6 +33,7 @@ export type TopNavControlLinkData = TopNavControlButtonOrLinkOrIconData &
       run?: TopNavControlAction;
       iconType?: EuiHeaderLinkProps['iconType'];
       iconSide?: EuiHeaderLinkProps['iconSide'];
+      iconGap?: EuiHeaderLinkProps['iconGap'];
       color?: EuiHeaderLinkProps['color'];
       controlType: 'link';
     },
@@ -48,6 +49,7 @@ export type TopNavControlButtonData = TopNavControlButtonOrLinkOrIconData &
       run?: TopNavControlAction;
       iconType?: EuiButtonProps['iconType'];
       iconSide?: EuiButtonProps['iconSide'];
+      iconGap?: EuiHeaderLinkProps['iconGap'];
       color?: EuiButtonProps['color'];
       fill?: EuiButtonProps['fill'];
       controlType?: 'button';
diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx
index fee4df701668..9d801f6e1949 100644
--- a/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx
+++ b/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx
@@ -28,7 +28,14 @@
  * under the License.
  */
 
-import { EuiButton, EuiHeaderLink, EuiButtonIcon, EuiText, EuiToolTip } from '@elastic/eui';
+import {
+  EuiButton,
+  EuiHeaderLink,
+  EuiButtonIcon,
+  EuiText,
+  EuiToolTip,
+  EuiHeaderLinkProps,
+} from '@elastic/eui';
 import { upperFirst } from 'lodash';
 import React, { MouseEvent } from 'react';
 import { TopNavControlData } from './top_nav_control_data';
@@ -103,12 +110,21 @@ export function TopNavControlItem(props: TopNavControlData) {
       break;
 
     case 'link':
+      let { iconType, iconSide } = props;
+      let iconGap: EuiHeaderLinkProps['iconGap'];
+      if (props.target === '_blank') {
+        iconType = 'popout';
+        iconSide = 'right';
+        iconGap = 's';
+      }
+
       component = (
         <EuiHeaderLink
           // @ts-ignore using an undefined property to prevent abuse
           size={props.sizeOverride || 's'}
-          iconType={props.iconType}
-          iconSide={props.iconSide}
+          iconType={iconType}
+          iconSide={iconSide}
+          iconGap={iconGap}
           iconSize={props.iconSize}
           color={props.color}
           className={props.className}
diff --git a/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/header.test.tsx.snap b/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/header.test.tsx.snap
index dc7a140dbd6c..aa4d039c6ca5 100644
--- a/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/header.test.tsx.snap
+++ b/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/header.test.tsx.snap
@@ -86,6 +86,7 @@ exports[`Intro component renders correctly 1`] = `
                       >
                         <EuiButtonContent
                           className="euiButton__content"
+                          iconGap="m"
                           iconSide="left"
                           iconType="eye"
                           textProps={
@@ -171,6 +172,7 @@ exports[`Intro component renders correctly 1`] = `
                       >
                         <EuiButtonContent
                           className="euiButton__content"
+                          iconGap="m"
                           iconSide="left"
                           iconType="trash"
                           textProps={
diff --git a/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap b/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap
index acd8684ff575..fde28779a5fa 100644
--- a/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap
+++ b/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap
@@ -1084,6 +1084,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
                                       >
                                         <EuiButtonContent
                                           className="euiButton__content"
+                                          iconGap="m"
                                           iconSide="right"
                                           iconType="popout"
                                           textProps={
@@ -2152,6 +2153,7 @@ exports[`NewVisModal should render as expected 1`] = `
                                       >
                                         <EuiButtonContent
                                           className="euiButton__content"
+                                          iconGap="m"
                                           iconSide="right"
                                           iconType="popout"
                                           textProps={
diff --git a/test/interpreter_functional/plugins/osd_tp_run_pipeline/package.json b/test/interpreter_functional/plugins/osd_tp_run_pipeline/package.json
index 0764735d83c6..6829659c99c6 100644
--- a/test/interpreter_functional/plugins/osd_tp_run_pipeline/package.json
+++ b/test/interpreter_functional/plugins/osd_tp_run_pipeline/package.json
@@ -12,7 +12,7 @@
     "build": "../../../../scripts/use_node ../../../../scripts/remove.js './target' && tsc"
   },
   "devDependencies": {
-    "@elastic/eui": "npm:@opensearch-project/oui@1.10.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.11.0",
     "@osd/plugin-helpers": "1.0.0",
     "react": "^16.14.0",
     "react-dom": "^16.12.0",
diff --git a/test/plugin_functional/plugins/osd_sample_panel_action/package.json b/test/plugin_functional/plugins/osd_sample_panel_action/package.json
index ceb81578a79b..941ed8daab99 100644
--- a/test/plugin_functional/plugins/osd_sample_panel_action/package.json
+++ b/test/plugin_functional/plugins/osd_sample_panel_action/package.json
@@ -12,7 +12,7 @@
     "build": "../../../../scripts/use_node ../../../../scripts/remove.js './target' && tsc"
   },
   "devDependencies": {
-    "@elastic/eui": "npm:@opensearch-project/oui@1.10.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.11.0",
     "react": "^16.14.0",
     "typescript": "4.0.2"
   }
diff --git a/test/plugin_functional/plugins/osd_tp_custom_visualizations/package.json b/test/plugin_functional/plugins/osd_tp_custom_visualizations/package.json
index 0726234c29a1..74596d89543f 100644
--- a/test/plugin_functional/plugins/osd_tp_custom_visualizations/package.json
+++ b/test/plugin_functional/plugins/osd_tp_custom_visualizations/package.json
@@ -12,7 +12,7 @@
     "build": "../../../../scripts/use_node ../../../../scripts/remove.js './target' && tsc"
   },
   "devDependencies": {
-    "@elastic/eui": "npm:@opensearch-project/oui@1.10.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.11.0",
     "@osd/plugin-helpers": "1.0.0",
     "react": "^16.14.0",
     "typescript": "4.0.2"
diff --git a/yarn.lock b/yarn.lock
index a8d9af23c63e..bc683840da17 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1407,10 +1407,10 @@
   resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
   integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
 
-"@elastic/eui@npm:@opensearch-project/oui@1.10.0":
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/@opensearch-project/oui/-/oui-1.10.0.tgz#111a400f5c04ba4088c0266bad7ab4306cc30d94"
-  integrity sha512-T1de6McK0YkXPjUUe0bYBHL58b7fJ43Bk/0ohpVn2ss5XkIPkFv7JE3diTCmr0cD1SsRfbM6lRNig4XBCOPflw==
+"@elastic/eui@npm:@opensearch-project/oui@1.11.0":
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/@opensearch-project/oui/-/oui-1.11.0.tgz#48df25feabd1da5c6eadd92e0172ee32cacb7588"
+  integrity sha512-6E6tu/j5bH5odQSjCvcR++SQme/vSGZFeMQmcbB7a0LzCRYoExNj+gt5DgnR1+PRkuRKmaHx8wYrAS1GELp82A==
   dependencies:
     "@types/chroma-js" "^2.4.0"
     "@types/react-beautiful-dnd" "^13.1.3"