diff --git a/docs/content/components/blankslate.md b/docs/content/components/blankslate.md
index 55dfd44b4d..d771aa84df 100644
--- a/docs/content/components/blankslate.md
+++ b/docs/content/components/blankslate.md
@@ -92,7 +92,7 @@ Add an additional optional class to the `.blankslate` to change its appearance.
 </div>
 ```
 
-**Note**: It's possible to combine variations. Large and spacious (`blankslate blankslate-large blankslate-spacious`) is often used toghether.
+**Note**: It's possible to combine variations. Large and spacious (`blankslate blankslate-large blankslate-spacious`) is often used together.
 
 ### Add border
 
diff --git a/docs/content/components/buttons.md b/docs/content/components/buttons.md
index 93bcc06261..995347190f 100644
--- a/docs/content/components/buttons.md
+++ b/docs/content/components/buttons.md
@@ -131,7 +131,7 @@ Create a button that looks like a link with `.btn-link`. Rather than using an `<
 
 ### Invisible button
 
-When you want a link, but you want it padded and line heighted like a button best for "cancel" actions on forms.
+When you want a link, but you want it padded and line heightened like a button best for "cancel" actions on forms.
 
 ```html live
 <button class="btn btn-invisible" type="button">Cancel</button>
diff --git a/docs/content/components/layout.md b/docs/content/components/layout.md
index e6c50e777c..187ace489d 100644
--- a/docs/content/components/layout.md
+++ b/docs/content/components/layout.md
@@ -40,7 +40,7 @@ of the sidebar position.
 
 ### Dividers
 
-Use `Layout--divided` in conjuction with a `Layout-divider` to show a divider between the main content and the sidebar.
+Use `Layout--divided` in conjunction with a `Layout-divider` to show a divider between the main content and the sidebar.
 Flowing as row:
 - default: shows a `1px` line between main and sidebar
 - `Layout-divider--flowRow-shallow`: shows a filled `8px` divider.
diff --git a/docs/content/components/navigation.md b/docs/content/components/navigation.md
index 5648e471cf..e6c6f103d1 100644
--- a/docs/content/components/navigation.md
+++ b/docs/content/components/navigation.md
@@ -426,7 +426,7 @@ A vertical list of filters. Grey text on white background. Selecting a filter fr
 `.subnav` is navigation that is typically used when on a dashboard type interface with another set of navigation above it. This helps distinguish navigation hierarchy.
 
 ```html live title="subnav"
-<nav class="subnav" aria-label="Respository">
+<nav class="subnav" aria-label="Repository">
   <a class="subnav-item" href="#url" aria-current="page">Item 1</a>
   <a class="subnav-item" href="#url">Item 2</a>
   <a class="subnav-item" href="#url">Item 3</a>
diff --git a/docs/content/components/select-menu-deprecated.md b/docs/content/components/select-menu-deprecated.md
index 9f844394aa..b8d2565274 100644
--- a/docs/content/components/select-menu-deprecated.md
+++ b/docs/content/components/select-menu-deprecated.md
@@ -156,7 +156,7 @@ The list of items is arguably the most important subcomponent within the menu. B
 Enable live filtering of list items within a `.select-menu-list` with a search input. Only a handful of changes to your menu's markup are required:
 
 - Add the text input, housed in `.select-menu-filters`, before the `.select-menu-list`.
-- Add two attritubes, `data-filterable-for` and `data-filterable-type`, to the `.select-menu-list` to scope the filter to the list.
+- Add two attributes, `data-filterable-for` and `data-filterable-type`, to the `.select-menu-list` to scope the filter to the list.
 
 There are no required changes for the `.select-menu-item`s.
 
diff --git a/docs/content/components/truncate.md b/docs/content/components/truncate.md
index ad9075a042..96816336dc 100644
--- a/docs/content/components/truncate.md
+++ b/docs/content/components/truncate.md
@@ -10,7 +10,7 @@ When text reaches lengths larger than existing container, shorten with ellipses.
 
 ## Truncate
 
-Adding the `.Truncate` class and wrapping the inner text with `.Truncate-text` will truncate the text. `.Truncate-text` must be a direct decendent of `.Truncate`.
+Adding the `.Truncate` class and wrapping the inner text with `.Truncate-text` will truncate the text. `.Truncate-text` must be a direct descendant of `.Truncate`.
 
 ```html live
 <div class="Box p-2" style="resize: horizontal;overflow: scroll;">
diff --git a/docs/content/getting-started/theming.md b/docs/content/getting-started/theming.md
index d3d59f5dc3..e21f211304 100644
--- a/docs/content/getting-started/theming.md
+++ b/docs/content/getting-started/theming.md
@@ -75,7 +75,7 @@ Change the color mode of your OS to see the switch between the `data-light-theme
 
 ## Custom color variables
 
-It's recommended to use the [functional variables](/support/color-system#functional-variables) as much as possible. It will guarantee that the variables will work as expected with any new theme that might get added in the future. Somtimes you might still need a custom variable that changes based on the color mode. You can create a custom variable with the `color-variables` mixin.
+It's recommended to use the [functional variables](/support/color-system#functional-variables) as much as possible. It will guarantee that the variables will work as expected with any new theme that might get added in the future. Sometimes you might still need a custom variable that changes based on the color mode. You can create a custom variable with the `color-variables` mixin.
 
 ```css
 @include color-variables(