diff --git a/src/pages/components/toggle/images/toggle-style-states.png b/src/pages/components/toggle/images/toggle-style-states.png
index df3c7188de0..d25ab5f9bf5 100644
Binary files a/src/pages/components/toggle/images/toggle-style-states.png and b/src/pages/components/toggle/images/toggle-style-states.png differ
diff --git a/src/pages/components/toggle/style.mdx b/src/pages/components/toggle/style.mdx
index 7966030344c..4484211e986 100755
--- a/src/pages/components/toggle/style.mdx
+++ b/src/pages/components/toggle/style.mdx
@@ -48,7 +48,7 @@ state properties.
 
 <Caption>On and off states of default and small toggle</Caption>
 
-### Interactive states
+### Interactive state color
 
 The default and small toggle can be switched on and off across focus, disabled,
 and read-only states.
@@ -136,10 +136,10 @@ phrase and any proper nouns capitalized, and no more than three words.
 
 ## Size
 
-| Size       | Height px / rem |
-| ---------- | --------------- |
-| Small (sm) | 16 / 1          |
-| Default    | 24 / 1.5        |
+| Size       | Height (px / rem) |
+| ---------- | ----------------- |
+| Small (sm) | 16 / 1            |
+| Default    | 24 / 1.5          |
 
 <div className="image--fixed">
 
@@ -147,7 +147,7 @@ phrase and any proper nouns capitalized, and no more than three words.
 
 </div>
 
-<Caption>Default, and small sizes of toggle | px / rem</Caption>
+<Caption>Default and small sizes of toggle | px / rem</Caption>
 
 ## Feedback