diff --git a/src/pages/components/accordion/usage.mdx b/src/pages/components/accordion/usage.mdx
index 8df1ca7e156..cb65351beec 100755
--- a/src/pages/components/accordion/usage.mdx
+++ b/src/pages/components/accordion/usage.mdx
@@ -8,7 +8,7 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 <PageDescription>
 
-An accordion is a vertically stacked list of headers that reveal or hide
+THE accordion is a vertically stacked list of headers that reveal or hide
 associated sections of content.
 
 </PageDescription>
diff --git a/src/pages/components/select/images/select-invalid-state-fluid.png b/src/pages/components/select/images/select-invalid-state-fluid.png
index deed52a446d..9bf51924b66 100644
Binary files a/src/pages/components/select/images/select-invalid-state-fluid.png and b/src/pages/components/select/images/select-invalid-state-fluid.png differ
diff --git a/src/pages/components/select/images/select-states-fixed.png b/src/pages/components/select/images/select-states-fixed.png
index 5fb9327e0f3..7e59ab55dab 100644
Binary files a/src/pages/components/select/images/select-states-fixed.png and b/src/pages/components/select/images/select-states-fixed.png differ
diff --git a/src/pages/components/select/images/select-states-fluid.png b/src/pages/components/select/images/select-states-fluid.png
index bea0d327e89..2d05eae9cf4 100644
Binary files a/src/pages/components/select/images/select-states-fluid.png and b/src/pages/components/select/images/select-states-fluid.png differ
diff --git a/src/pages/components/select/images/select-style-sizes-default-inline.png b/src/pages/components/select/images/select-style-sizes-default-inline.png
index 3f351e2230e..d3d5e39912b 100644
Binary files a/src/pages/components/select/images/select-style-sizes-default-inline.png and b/src/pages/components/select/images/select-style-sizes-default-inline.png differ
diff --git a/src/pages/components/select/images/select-style-sizes-default.png b/src/pages/components/select/images/select-style-sizes-default.png
index 47d5819c16b..a1afee4b901 100644
Binary files a/src/pages/components/select/images/select-style-sizes-default.png and b/src/pages/components/select/images/select-style-sizes-default.png differ
diff --git a/src/pages/components/select/images/select-style-sizes-fluid.png b/src/pages/components/select/images/select-style-sizes-fluid.png
index 4f95d6cb856..ed803275965 100644
Binary files a/src/pages/components/select/images/select-style-sizes-fluid.png and b/src/pages/components/select/images/select-style-sizes-fluid.png differ
diff --git a/src/pages/components/select/images/select-style-states-fixed.png b/src/pages/components/select/images/select-style-states-fixed.png
index cc708e62313..eaeb1e395c3 100644
Binary files a/src/pages/components/select/images/select-style-states-fixed.png and b/src/pages/components/select/images/select-style-states-fixed.png differ
diff --git a/src/pages/components/select/images/select-style-states-fluid.png b/src/pages/components/select/images/select-style-states-fluid.png
index e3d0f06e92b..1a3f019646d 100644
Binary files a/src/pages/components/select/images/select-style-states-fluid.png and b/src/pages/components/select/images/select-style-states-fluid.png differ
diff --git a/src/pages/components/select/style.mdx b/src/pages/components/select/style.mdx
index dc751b556ff..7f7d2aac270 100755
--- a/src/pages/components/select/style.mdx
+++ b/src/pages/components/select/style.mdx
@@ -47,28 +47,21 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 ### Interactive states
 
-| State     | Element         | Property                   | Color token         |
-| --------- | --------------- | -------------------------- | ------------------- |
-| Hover     | Field           | background-color           | `$field-hover` \*   |
-| Focus     | Field           | border                     | `$focus`            |
-| Invalid   | Field           | border                     | `$support-error`    |
-|           | Error message   | text-color                 | `$text-error`       |
-|           | Error icon      | fill                       | `$support-error`    |
-| Warning   | Warning message | text-color                 | `$text-primary`     |
-|           | Warning icon    | fill                       | `$support-warning`  |
-| Disabled  | Field           | background-color           | `$field` \*         |
-|           |                 | border-bottom (default)    | transparent         |
-|           |                 | border-bottom (fluid)      | `$border-subtle` \* |
-|           | Label           | text-color                 | `$text-disabled`    |
-|           | Input text      | text-color                 | `$text-disabled`    |
-|           | Chevron icon    | fill                       | `$icon-disabled`    |
-| Read-only | Field           | background-color (default) | transparent         |
-|           |                 | background-color (fluid)   | `$field` \*         |
-|           |                 | border-bottom              | `$border-subtle` \* |
-|           | Label           | text-color                 | `$text-secondary`   |
-|           | Input text      | text-color (default)       | `$text-primary`     |
-|           |                 | text-color (fluid)         | `$text-secondary`   |
-|           | Chevron icon    | fill                       | `$icon-disabled`    |
+| State    | Element         | Property         | Color token         |
+| -------- | --------------- | ---------------- | ------------------- |
+| Hover    | Field           | background-color | `$field-hover` \*   |
+| Focus    | Field           | border           | `$focus`            |
+| Invalid  | Field           | border           | `$support-error`    |
+|          | Error message   | text-color       | `$text-error`       |
+|          | Error icon      | fill             | `$support-error`    |
+| Warning  | Warning message | text-color       | `$text-primary`     |
+|          | Warning icon    | fill             | `$support-warning`  |
+| Disabled | Field           | background-color | `$field` \*         |
+|          | Input text      | text-color       | `$text-disabled     |
+|          | Field           | border-bottom    | transparent         |
+|          | Field (fluid)   | border-bottom    | `$border-subtle` \* |
+|          | Label           | text-color       | `$text-disabled`    |
+|          | Chevron icon    | fill             | `$icon-disabled`    |
 
 <Caption>
   * Denotes a contextual color token that will change values based on the layer
@@ -76,7 +69,7 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 </Caption>
 
 <Row>
-<Column colLg={12}>
+<Column colLg={8}>
 
 <Tabs>
 
diff --git a/src/pages/components/select/usage.mdx b/src/pages/components/select/usage.mdx
index 393ff78fa08..717abd0e047 100755
--- a/src/pages/components/select/usage.mdx
+++ b/src/pages/components/select/usage.mdx
@@ -91,8 +91,7 @@ while the dropdown component can be styled as needed.
       id: 'select',
       label: 'Select',
     },
-  ]}
->
+  ]}>
   <ComponentVariant
     id="select"
     knobs={{
@@ -105,11 +104,11 @@ while the dropdown component can be styled as needed.
         'https://react.carbondesignsystem.com/?path=/story/components-select--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-select--basic',
-      Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvselect--default',
+      Vue:
+        'http://vue.carbondesignsystem.com/?path=/story/components-cvselect--default',
       'Web Components':
         'https://web-components.carbondesignsystem.com/?path=/story/components-select--default',
-    }}
-  >
+    }}>
     {`
 <Select
   defaultValue="placeholder-item"