From 3518e87d4c71d3e62c6184af906d7646086f0ec2 Mon Sep 17 00:00:00 2001
From: Anna Gonzales <anna.gonzales3@gmail.com>
Date: Mon, 5 Aug 2024 11:25:49 -0500
Subject: [PATCH] bugs: content switcher docs (#4183)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 src/pages/components/content-switcher/style.mdx | 16 ++++------------
 src/pages/components/content-switcher/usage.mdx |  2 +-
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/pages/components/content-switcher/style.mdx b/src/pages/components/content-switcher/style.mdx
index 066bd197b33..9cb16a7cb3b 100755
--- a/src/pages/components/content-switcher/style.mdx
+++ b/src/pages/components/content-switcher/style.mdx
@@ -145,30 +145,22 @@ Each container that makes up the content switcher is equal in size.
 | Icon (lg)  | padding-left, padding-right | 14 / 0.875 | –             |
 | Divider    | border                      | 1px        | –             |
 
-### Text content switcher
+### Default structure
 
 The width of a text container is determined by the length of the longest label
 text within its content switcher.
 
 <div className="image--fixed">
 
-![Text content switcher structure and spacing measurements](images/content-switcher-style-1.png)
+![Text content switcher structure and spacing measurements](images/content-switcher-style-structure-text.png)
 
 </div>
 
-<Row>
-<Column colLg={8}>
-
-![Example of a content switcher](images/content-switcher-usage-1.png)
-
-</Column>
-</Row>
-
 <Caption>
   Structure and spacing measurements for the text content switcher | px / rem
 </Caption>
 
-### Icon content switcher
+### Icon-only structure
 
 The width of an icon container is determined by the fixed size within its
 content switcher.
@@ -183,7 +175,7 @@ content switcher.
   Structure and spacing measurements for the icon content switcher | px / rem
 </Caption>
 
-### Size
+## Size
 
 There are three content switcher sizes—small (32px), medium (40px), and large
 (48px).
diff --git a/src/pages/components/content-switcher/usage.mdx b/src/pages/components/content-switcher/usage.mdx
index 803f0cd1e7f..f3012b4729e 100755
--- a/src/pages/components/content-switcher/usage.mdx
+++ b/src/pages/components/content-switcher/usage.mdx
@@ -70,7 +70,7 @@ tool may use a content switcher to divide messages into three views such as
 
 ### When not to use
 
-### Distinct content areas
+#### Distinct content areas
 
 When navigating between distinct content areas like subpages, use
 [tabs](/components/tabs/usage) instead of a content switcher. Tabs follow the