diff --git a/docs/cases/cases-index.asciidoc b/docs/cases/cases-index.asciidoc
index 243a0908d8..6686fc6052 100644
--- a/docs/cases/cases-index.asciidoc
+++ b/docs/cases/cases-index.asciidoc
@@ -2,6 +2,6 @@ include::cases-overview.asciidoc[leveloffset=+1]
 
 include::cases-manage.asciidoc[leveloffset=+2]
 
-include::cases-ui-integrations.asciidoc[]
+include::cases-ui-integrations.asciidoc[leveloffset=+1]
 
 include::indicators-of-compromise.asciidoc[leveloffset=+1]
diff --git a/docs/cases/cases-ui-integrations.asciidoc b/docs/cases/cases-ui-integrations.asciidoc
index 325f6251bd..df17950283 100644
--- a/docs/cases/cases-ui-integrations.asciidoc
+++ b/docs/cases/cases-ui-integrations.asciidoc
@@ -1,6 +1,9 @@
 [[cases-ui-integrations]]
-[role="xpack"]
 == Configure external connections
+:frontmatter-description: Create and add external connectors to send cases to third-party systems.
+:frontmatter-tags-products: [security] 
+:frontmatter-tags-content-type: [how-to] 
+:frontmatter-tags-user-goals: [analyze]
 
 You can push {elastic-sec} cases to these third-party systems:
 
@@ -20,10 +23,13 @@ https://www.elastic.co/subscriptions[appropriate license], and your role needs *
 [[create-new-connector]]
 === Create a new connector
 
-. Go to *Cases* -> *Edit external connection*.
+. Go to *Cases* -> *Settings*.
 +
+--
 [role="screenshot"]
-image::images/cases-ui-connector.png[Shows the page for creating connectors]
+image::images/cases-settings.png[Shows the case settings page]
+// NOTE: This is an autogenerated screenshot. Do not edit it directly.
+--
 . From the *Incident management system* list, select *Add new connector*.
 . Select the system to send cases to: *{sn}*, *{jira}*, *{ibm-r}*, *{swimlane}*, or *{webhook-cm}*.
 . Enter your required settings. For connector configuration details, refer to:
@@ -84,16 +90,19 @@ To close cases when they are sent to an external system, select
 [[change-default-connector]]
 === Change the default connector
 
-To change the default connector used to send cases to external systems, go to *Cases* -> *Edit external connection* and select the required connector from the Incident management system list.
+To change the default connector used to send cases to external systems, go to *Cases* -> *Settings* and select the required connector from the Incident management system list.
 
+////
+TO-DO: Remove, refresh, or automate screenshot
 [role="screenshot"]
 image::images/cases-change-default-connector.png[Shows list of available connectors]
+////
 
 [[add-connector]]
 [float]
 === Add connectors
 
-After you <<cases-ui-open, create a case>>, you can add connectors to it. From the case details page, go to *External incident management system*, then select a connector. A case can have multiple connectors, but only one connector can be selected at a time.
+After you <<cases-ui-open, create a case>>, you can add connectors to it. From the case details page, go to *Settings*, then select a connector. A case can have multiple connectors, but only one connector can be selected at a time.
 
 [role="screenshot"]
 image::images/add-connectors.png[width=60%][height=60%][Shows how to add connectors]
@@ -106,7 +115,7 @@ image::images/add-connectors.png[width=60%][height=60%][Shows how to add connect
 
 To change the settings of an existing connector:
 
-. Go to *Cases* -> *Edit external connection*.
+. Go to *Cases* -> *Settings*.
 . Select the required connector from the Incident management system list.
 . Click *Update <connector name>*.
 . In the *Edit connector* flyout, modify the connector fields as required, then click *Save & close* to save your changes.
diff --git a/docs/cases/images/cases-home-page.png b/docs/cases/images/cases-home-page.png
index 2552ace49f..f070601faf 100644
Binary files a/docs/cases/images/cases-home-page.png and b/docs/cases/images/cases-home-page.png differ
diff --git a/docs/cases/images/cases-settings.png b/docs/cases/images/cases-settings.png
new file mode 100644
index 0000000000..71fc21a3ce
Binary files /dev/null and b/docs/cases/images/cases-settings.png differ
diff --git a/docs/cases/images/cases-ui-connector.png b/docs/cases/images/cases-ui-connector.png
deleted file mode 100644
index e5fe06aaf4..0000000000
Binary files a/docs/cases/images/cases-ui-connector.png and /dev/null differ