diff --git a/docs/addons/addons-api.md b/docs/addons/addons-api.md
index 8bdc7d62367e..c2c1afad9edb 100644
--- a/docs/addons/addons-api.md
+++ b/docs/addons/addons-api.md
@@ -244,32 +244,32 @@ This method allows you to override the default Storybook UI configuration (e.g.,
The following table details how to use the API values:
-| Name | Type | Description | Example Value |
-| --------------------- | :-------------: | :-----------------------------------------------------: | :-----------------------------------: |
-| **navSize** | Number (pixels) | The size of the sidebar that shows a list of stories | `300` |
-| **bottomPanelHeight** | Number (pixels) | The size of the addon panel when in the bottom position | `200` |
-| **rightPanelWidth** | Number (pixels) | The size of the addon panel when in the right position | `200` |
-| **panelPosition** | String | Where to show the addon panel | `'bottom'` or `'right'` |
-| **enableShortcuts** | Boolean | Enable/disable shortcuts | `true` |
-| **showToolbar** | Boolean | Show/hide toolbar | `true` |
-| **theme** | Object | Storybook Theme, see next section | `undefined` |
-| **selectedPanel** | String | Id to select an addon panel | `storybook/actions/panel` |
-| **initialActive** | String | Select the default active tab on Mobile | `sidebar` or `canvas` or `addons` |
-| **sidebar** | Object | Sidebar options, see below | `{ showRoots: false }` |
-| **toolbar** | Object | Modify the tools in the toolbar using the addon id | `{ fullscreen: { hidden: false } } }` |
+| Name | Type | Description | Example Value |
+| --------------------- | --------------- | ------------------------------------------------------- | ------------------------------------- |
+| **navSize** | Number (pixels) | The size of the sidebar that shows a list of stories | `300` |
+| **bottomPanelHeight** | Number (pixels) | The size of the addon panel when in the bottom position | `200` |
+| **rightPanelWidth** | Number (pixels) | The size of the addon panel when in the right position | `200` |
+| **panelPosition** | String | Where to show the addon panel | `'bottom'` or `'right'` |
+| **enableShortcuts** | Boolean | Enable/disable shortcuts | `true` |
+| **showToolbar** | Boolean | Show/hide toolbar | `true` |
+| **theme** | Object | Storybook Theme, see next section | `undefined` |
+| **selectedPanel** | String | Id to select an addon panel | `storybook/actions/panel` |
+| **initialActive** | String | Select the default active tab on Mobile | `sidebar` or `canvas` or `addons` |
+| **sidebar** | Object | Sidebar options, see below | `{ showRoots: false }` |
+| **toolbar** | Object | Modify the tools in the toolbar using the addon id | `{ fullscreen: { hidden: false } } }` |
The following options are configurable under the `sidebar` namespace:
-| Name | Type | Description | Example Value |
-| ------------------ | :------: | :-----------------------------------------------------------: | :----------------------------------------------: |
-| **showRoots** | Boolean | Display the top-level nodes as a "root" in the sidebar | `false` |
-| **collapsedRoots** | Array | Set of root node IDs to visually collapse by default | `['misc', 'other']` |
+| Name | Type | Description | Example Value |
+| ------------------ | -------- | ------------------------------------------------------------- | ------------------------------------------------ |
+| **showRoots** | Boolean | Display the top-level nodes as a "root" in the sidebar | `false` |
+| **collapsedRoots** | Array | Set of root node IDs to visually collapse by default | `['misc', 'other']` |
| **renderLabel** | Function | Create a custom label for tree nodes; must return a ReactNode | `(item) => {item.name}` |
The following options are configurable under the `toolbar` namespace:
-| Name | Type | Description | Example Value |
-| ------ | :----: | :--------------------------------: | :-----------------: |
+| Name | Type | Description | Example Value |
+| ------ | ------ | ---------------------------------- | ------------------- |
| **id** | String | Toggle visibility for toolbar item | `{ hidden: false }` |
---
diff --git a/docs/api/csf.md b/docs/api/csf.md
index b91f45fd57a4..636195be3761 100644
--- a/docs/api/csf.md
+++ b/docs/api/csf.md
@@ -64,11 +64,11 @@ With CSF, every named export in the file represents a story object by default.
The exported identifiers will be converted to "start case" using Lodash's [startCase](https://lodash.com/docs/#startCase) function. For example:
-| Identifier | Transformation |
-| ---------------- | :---------------: |
-| name | Name |
-| someName | Some Name |
-| someNAME | Some NAME |
+| Identifier | Transformation |
+| ---------------- | ----------------- |
+| name | Name |
+| someName | Some Name |
+| someNAME | Some NAME |
| some_custom_NAME | Some Custom NAME |
| someName1234 | Some Name 1 2 3 4 |
diff --git a/docs/configure/features-and-behavior.md b/docs/configure/features-and-behavior.md
index a81aa6a55c74..ebfe081a0645 100644
--- a/docs/configure/features-and-behavior.md
+++ b/docs/configure/features-and-behavior.md
@@ -16,44 +16,44 @@ To control the layout of Storybookâs UI you can use `addons.setConfig` in your
The following table details how to use the API values:
-| Name | Type | Description | Example Value |
-| --------------------- | :-------------: | :-----------------------------------------------------: | :-------------------------------------: |
-| **navSize** | Number (pixels) | The size of the sidebar that shows a list of stories | `300` |
-| **bottomPanelHeight** | Number (pixels) | The size of the addon panel when in the bottom position | `200` |
-| **rightPanelWidth** | Number (pixels) | The size of the addon panel when in the right position | `200` |
-| **panelPosition** | String | Where to show the addon panel | `'bottom'` or `'right'` |
-| **enableShortcuts** | Boolean | Enable/disable shortcuts | `true` |
-| **showToolbar** | Boolean | Show/hide tool bar | `true` |
-| **theme** | Object | Storybook Theme, see next section | `undefined` |
-| **selectedPanel** | String | Id to select an addon panel | `'storybook/actions/panel'` |
-| **initialActive** | String | Select the default active tab on Mobile | `'sidebar'` or `'canvas'` or `'addons'` |
-| **sidebar** | Object | Sidebar options, see below | `{ showRoots: false }` |
-| **toolbar** | Object | Modify the tools in the toolbar using the addon id | `{ fullscreen: { hidden: false } } }` |
+| Name | Type | Description | Example Value |
+| --------------------- | --------------- | ------------------------------------------------------- | --------------------------------------- |
+| **navSize** | Number (pixels) | The size of the sidebar that shows a list of stories | `300` |
+| **bottomPanelHeight** | Number (pixels) | The size of the addon panel when in the bottom position | `200` |
+| **rightPanelWidth** | Number (pixels) | The size of the addon panel when in the right position | `200` |
+| **panelPosition** | String | Where to show the addon panel | `'bottom'` or `'right'` |
+| **enableShortcuts** | Boolean | Enable/disable shortcuts | `true` |
+| **showToolbar** | Boolean | Show/hide tool bar | `true` |
+| **theme** | Object | Storybook Theme, see next section | `undefined` |
+| **selectedPanel** | String | Id to select an addon panel | `'storybook/actions/panel'` |
+| **initialActive** | String | Select the default active tab on Mobile | `'sidebar'` or `'canvas'` or `'addons'` |
+| **sidebar** | Object | Sidebar options, see below | `{ showRoots: false }` |
+| **toolbar** | Object | Modify the tools in the toolbar using the addon id | `{ fullscreen: { hidden: false } } }` |
The following options are configurable under the `sidebar` namespace:
-| Name | Type | Description | Example Value |
-| ------------------ | :------: | :-----------------------------------------------------------: | :----------------------------------------------: |
-| **showRoots** | Boolean | Display the top-level nodes as a "root" in the sidebar | `false` |
-| **collapsedRoots** | Array | Set of root node IDs to visually collapse by default | `['misc', 'other']` |
+| Name | Type | Description | Example Value |
+| ------------------ | -------- | ------------------------------------------------------------- | ------------------------------------------------ |
+| **showRoots** | Boolean | Display the top-level nodes as a "root" in the sidebar | `false` |
+| **collapsedRoots** | Array | Set of root node IDs to visually collapse by default | `['misc', 'other']` |
| **renderLabel** | Function | Create a custom label for tree nodes; must return a ReactNode | `(item) => {item.name}` |
The following options are configurable under the `toolbar` namespace:
-| Name | Type | Description | Example Value |
-| ------ | :----: | :--------------------------------: | :-----------------: |
+| Name | Type | Description | Example Value |
+| ------ | ------ | ---------------------------------- | ------------------- |
| **id** | String | Toggle visibility for toolbar item | `{ hidden: false }` |
## Configuring through URL parameters
You can use URL parameters to configure some of the available features:
-| Config option | Query param | Supported values |
-| ------------------- | :----------: | :----------------------------: |
-| **enableShortcuts** | `shortcuts` | `false` |
-| --- (fullscreen) | `full` | `true`, `false` |
-| --- (show sidebar) | `nav` | `true`, `false` |
-| --- (show panel) | `panel` | `false`, `'right'`, `'bottom'` |
-| **selectedPanel** | `addonPanel` | Any panel ID |
-| **showTabs** | `tabs` | `true` |
-| --- | `instrument` | `false`, `true` |
+| Config option | Query param | Supported values |
+| ------------------- | ------------ | ------------------------------ |
+| **enableShortcuts** | `shortcuts` | `false` |
+| --- (fullscreen) | `full` | `true`, `false` |
+| --- (show sidebar) | `nav` | `true`, `false` |
+| --- (show panel) | `panel` | `false`, `'right'`, `'bottom'` |
+| **selectedPanel** | `addonPanel` | Any panel ID |
+| **showTabs** | `tabs` | `true` |
+| --- | `instrument` | `false`, `true` |
diff --git a/docs/essentials/toolbars-and-globals.md b/docs/essentials/toolbars-and-globals.md
index ad212c5f1c97..9c33e952354b 100644
--- a/docs/essentials/toolbars-and-globals.md
+++ b/docs/essentials/toolbars-and-globals.md
@@ -144,12 +144,12 @@ By adding the configuration element `right`, the text will be displayed on the r
Here's a list of the configuration options available.
-| MenuItem | Type | Description | Required |
-| --------- | :----: | :-------------------------------------------------------------: | :------: |
-| **value** | String | The string value of the menu that gets set in the globals | Yes |
-| **title** | String | The main text of the title | Yes |
-| **right** | String | A string that gets displayed on the right side of the menu | No |
-| **icon** | String | An icon that gets shown in the toolbar if this item is selected | No |
+| MenuItem | Type | Description | Required |
+| --------- | ------ | --------------------------------------------------------------- | -------- |
+| **value** | String | The string value of the menu that gets set in the globals | Yes |
+| **title** | String | The main text of the title | Yes |
+| **right** | String | A string that gets displayed on the right side of the menu | No |
+| **icon** | String | An icon that gets shown in the toolbar if this item is selected | No |
## Consuming globals from within a story
diff --git a/docs/writing-stories/naming-components-and-hierarchy.md b/docs/writing-stories/naming-components-and-hierarchy.md
index 5757a2eda12a..b29b1135e2d5 100644
--- a/docs/writing-stories/naming-components-and-hierarchy.md
+++ b/docs/writing-stories/naming-components-and-hierarchy.md
@@ -146,12 +146,12 @@ The `storySort` can also accept a configuration object.
-| Field | Type | Description | Required | Default Value | Example |
-| ---------------- | :-----: | :------------------------------------------------------: | :------: | :---------------------: | :-----------------------: |
-| **method** | String | Tells Storybook in which order the stories are displayed | No | Storybook configuration | `'alphabetical'` |
-| **order** | Array | The stories to be shown, ordered by supplied name | No | Empty Array `[]` | `['Intro', 'Components']` |
-| **includeNames** | Boolean | Include story name in sort calculation | No | `false` | `true` |
-| **locales** | String | The locale required to be displayed | No | System locale | `en-US` |
+| Field | Type | Description | Required | Default Value | Example |
+| ---------------- | ------- | -------------------------------------------------------- | -------- | ----------------------- | ------------------------- |
+| **method** | String | Tells Storybook in which order the stories are displayed | No | Storybook configuration | `'alphabetical'` |
+| **order** | Array | The stories to be shown, ordered by supplied name | No | Empty Array `[]` | `['Intro', 'Components']` |
+| **includeNames** | Boolean | Include story name in sort calculation | No | `false` | `true` |
+| **locales** | String | The locale required to be displayed | No | System locale | `en-US` |
To sort your stories alphabetically, set `method` to `'alphabetical'` and optionally set the `locales` string. To sort your stories using a custom list, use the `order` array; stories that don't match an item in the `order` list will appear after the items in the list.