diff --git a/src/pages/components/inline-loading/accessibility.mdx b/src/pages/components/inline-loading/accessibility.mdx
index aaa6186f091..e5b47f7dda3 100644
--- a/src/pages/components/inline-loading/accessibility.mdx
+++ b/src/pages/components/inline-loading/accessibility.mdx
@@ -37,12 +37,11 @@ accessibility considerations, some of which are described below.
 
 ### Keyboard interaction
 
-The inline loading component is not itself keyboard operable; however, when
-inline loading is in an active state, it may temporarily replace or disable an
+The inline loading component is not keyboard operable; however, when inline
+loading is in an active state, it may temporarily replace or disable an
 associated component. For instance, if inline loading is showing the result of a
 button action, relevant input controls as well as other actions may be disabled
-(and so be inoperable) until the loading state changes to either error or
-complete.
+and inoperable until the loading state changes to either error or complete.
 
 <Row>
 <Column colLg={8}>
@@ -57,27 +56,23 @@ complete.
 </Column>
 </Row>
 
-### Labelling and states
+### Labeling and states
 
-Where there is displayed text for the inline loading, Carbon provides that text
-as the status to assistive technologies like screen readers. Where there is no
+Where there is displayed text for inline loading, Carbon provides the text as
+the status to assistive technologies like screen readers. Where there is no
 text, Carbon provides a text equivalent (“loading”) for the loading symbol.
 
 <DoDontRow>
-<DoDont
-colMd={4} colLg={4}
-caption="Inline loading text is provided to assistive technologies.">
+  <DoDont caption="Inline loading text is provided to assistive technologies.">
 
-![a loading icon with a text message of "Submitting..."](./images/inline-loading-accessibility-2.png)
+![a loading icon with a text message of "Submitting..."](images/inline-loading-accessibility-2.png)
 
-</DoDont>
-<DoDont
-colMd={4} colLg={4}
-caption="Where there is no text, Carbon provides a text equivalent for the loading symbol.">
+  </DoDont>
+  <DoDont type="do" caption="Where there is no text, Carbon provides a text equivalent for the loading symbol.">
 
-![An input with a loading symbol, showing the alt text of "loading"](./images/inline-loading-accessibility-3.png)
+![An input with a loading symbol, showing the alt text of "loading](images/inline-loading-accessibility-3.png)
 
-</DoDont>
+  </DoDont>
 </DoDontRow>
 
 ## Development considerations
diff --git a/src/pages/components/inline-loading/images/inline-loading-accessibility-1.png b/src/pages/components/inline-loading/images/inline-loading-accessibility-1.png
index 7e1a8e0dcc0..c35003a50df 100644
Binary files a/src/pages/components/inline-loading/images/inline-loading-accessibility-1.png and b/src/pages/components/inline-loading/images/inline-loading-accessibility-1.png differ
diff --git a/src/pages/components/inline-loading/images/inline-loading-accessibility-2.png b/src/pages/components/inline-loading/images/inline-loading-accessibility-2.png
index ac558f7fb9a..efebe0779d5 100644
Binary files a/src/pages/components/inline-loading/images/inline-loading-accessibility-2.png and b/src/pages/components/inline-loading/images/inline-loading-accessibility-2.png differ
diff --git a/src/pages/components/inline-loading/images/inline-loading-accessibility-3.png b/src/pages/components/inline-loading/images/inline-loading-accessibility-3.png
index 727f3a43853..1340f11ad2b 100644
Binary files a/src/pages/components/inline-loading/images/inline-loading-accessibility-3.png and b/src/pages/components/inline-loading/images/inline-loading-accessibility-3.png differ