diff --git a/changelogs/fragments/8246.yml b/changelogs/fragments/8246.yml
new file mode 100644
index 00000000000..21f8bf3c710
--- /dev/null
+++ b/changelogs/fragments/8246.yml
@@ -0,0 +1,2 @@
+chore:
+- Update oui to 1.13 ([#8246](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8246))
\ No newline at end of file
diff --git a/package.json b/package.json
index e4e163d42f0..60ed1c744e3 100644
--- a/package.json
+++ b/package.json
@@ -146,7 +146,7 @@
   "dependencies": {
     "@aws-crypto/client-node": "^3.1.1",
     "@elastic/datemath": "5.0.3",
-    "@elastic/eui": "npm:@opensearch-project/oui@1.12.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.13.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 12915ecbc8b..64d4673522a 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.12.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.13.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 ee83ece884c..9b30aae4694 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.12.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.13.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 5c83515c157..8d002125bfe 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
@@ -20246,25 +20246,29 @@ exports[`Header renders page header with application title 1`] = `
                     <div
                       className="euiSimplifiedBreadcrumbWall euiSimplifiedBreadcrumbWall--single"
                     >
-                      <div
-                        className="euiSimplifiedBreadcrumbWrapper euiSimplifiedBreadcrumbWrapper--first euiSimplifiedBreadcrumbWrapper--last"
-                      >
-                        <EuiInnerText>
-                          <span
-                            aria-current="page"
-                            className="euiSimplifiedBreadcrumb euiSimplifiedBreadcrumb--last"
-                            data-test-subj="breadcrumb first"
-                            title="test"
-                          >
-                            test
-                          </span>
-                        </EuiInnerText>
-                      </div>
+                      <EuiInnerText>
+                        <span
+                          aria-current="page"
+                          className="euiSimplifiedBreadcrumb euiSimplifiedBreadcrumb--last"
+                          data-test-subj="breadcrumb first"
+                          title="test"
+                        >
+                          test
+                        </span>
+                      </EuiInnerText>
                     </div>
                     <EuiBreadcrumbSeparator>
-                      <div
+                      <svg
                         className="euiBreadcrumbSeparator"
-                      />
+                        preserveAspectRatio="none"
+                        viewBox="0 0 8 12"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M2 12H0L6 0h2z"
+                          fill="currentColor"
+                        />
+                      </svg>
                     </EuiBreadcrumbSeparator>
                   </nav>
                 </EuiSimplifiedBreadcrumbs>
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 b4757bc469a..e437be94ff0 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
@@ -762,10 +762,10 @@ exports[`DataSourceTable should get datasources successful should render normall
           </EuiFlexGroup>
         </EuiSearchBar>
         <EuiSpacer
-          size="l"
+          size="m"
         >
           <div
-            className="euiSpacer euiSpacer--l"
+            className="euiSpacer euiSpacer--m"
           />
         </EuiSpacer>
         <EuiBasicTable
diff --git a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_connection/__snapshots__/manage_direct_query_data_connections_table.test.tsx.snap b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_connection/__snapshots__/manage_direct_query_data_connections_table.test.tsx.snap
index 2354a9edb1c..5b9ade16147 100644
--- a/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_connection/__snapshots__/manage_direct_query_data_connections_table.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/direct_query_data_sources_components/direct_query_data_connection/__snapshots__/manage_direct_query_data_connections_table.test.tsx.snap
@@ -466,10 +466,10 @@ exports[`ManageDirectQueryDataConnectionsTable should get direct query connectio
                       </EuiFlexGroup>
                     </EuiSearchBar>
                     <EuiSpacer
-                      size="l"
+                      size="m"
                     >
                       <div
-                        className="euiSpacer euiSpacer--l"
+                        className="euiSpacer euiSpacer--m"
                       />
                     </EuiSpacer>
                     <EuiBasicTable
@@ -1646,10 +1646,10 @@ exports[`ManageDirectQueryDataConnectionsTable should get direct query connectio
                       </EuiFlexGroup>
                     </EuiSearchBar>
                     <EuiSpacer
-                      size="l"
+                      size="m"
                     >
                       <div
-                        className="euiSpacer euiSpacer--l"
+                        className="euiSpacer euiSpacer--m"
                       />
                     </EuiSpacer>
                     <EuiBasicTable
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 416c31d22b7..b64f6f01a42 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.12.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.13.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 6a9567cb196..aee59fc63ec 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.12.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.13.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 8b0b24a07f4..766207f5f92 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.12.0",
+    "@elastic/eui": "npm:@opensearch-project/oui@1.13.0",
     "@osd/plugin-helpers": "1.0.0",
     "react": "^16.14.0",
     "typescript": "4.0.2"
diff --git a/yarn.lock b/yarn.lock
index 825071777df..848a12505dc 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.12.0":
-  version "1.12.0"
-  resolved "https://registry.yarnpkg.com/@opensearch-project/oui/-/oui-1.12.0.tgz#dfb34669549fec2500e71f66e43868932178318c"
-  integrity sha512-0phXBR8OZneJr/TwIiqTMWL53e/2PqzEDzl/y7QYEc6xUofD+RQSNi/YZNw4OZgscogu/zTajWA5tdQdrxT2+g==
+"@elastic/eui@npm:@opensearch-project/oui@1.13.0":
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/@opensearch-project/oui/-/oui-1.13.0.tgz#830de8bfbb9d0471288b9526ddcfd5fcbd45c420"
+  integrity sha512-5qVqb7OiiMxIttn7ByFzMySFuIImTqP664PtrjmjDgLsiLkah0f7s1RFT5jE4Os1CrWaTFXiSXzleYpuZyA4oA==
   dependencies:
     "@types/chroma-js" "^2.4.0"
     "@types/react-beautiful-dnd" "^13.1.3"