diff --git a/docs/stories/01-foundations/elevation.mdx b/docs/stories/01-foundations/elevation.mdx index 19f5b93ec..7129da602 100644 --- a/docs/stories/01-foundations/elevation.mdx +++ b/docs/stories/01-foundations/elevation.mdx @@ -8,15 +8,15 @@ Modern UI is composed of different layers, be that modals, popovers or tooltips. ## Shadows -Shadows are used to create a sense of depth and separation between elements. They might be used to indicate evelation of +Shadows are used to create a sense of depth and separation between elements. They might be used to indicate elevation of an element e.g. a Popover, or alternatively, they can indicate that UI can scroll below another element e.g. Tables. ## Z-Index The z-index determines the stacking order of elements. Elements with a higher z-index always sit in front of elements -with a lower z-index. Our current collection of z-index values are lised below with their alias, they're currently -non-linear to support growing other common use-cases we may not have encountered yet. All are accessible via the theme -object – `theme.zIndices.`. +with a lower z-index. Our current collection of z-index values is listed below with their corresponding aliases. They're +currently non-linear to support growing other common use-cases we may not have encountered yet. All are accessible via +the theme object – `theme.zIndices.`. - `navigation` – `100` - `overlay` – `300`