diff --git a/site/content/docs/5.3/examples/starter-template/index.html b/site/content/docs/5.3/examples/starter-template/index.html
index 75f029a56b62..474c46d19e82 100644
--- a/site/content/docs/5.3/examples/starter-template/index.html
+++ b/site/content/docs/5.3/examples/starter-template/index.html
@@ -16,7 +16,7 @@
diff --git a/site/content/docs/5.3/getting-started/download.md b/site/content/docs/5.3/getting-started/download.md
index 2d0d62762772..e15cb9860c84 100644
--- a/site/content/docs/5.3/getting-started/download.md
+++ b/site/content/docs/5.3/getting-started/download.md
@@ -100,6 +100,17 @@ Install Bootstrap in your Node.js powered apps with [the yarn package](https://y
yarn add bootstrap@{{< param "current_version" >}}
```
+{{< callout warning >}}
+**Yarn 2+ (aka Yarn Berry) doesn't support the `node_modules` directory by default**: using our [Sass & JS example](https://github.com/twbs/examples/tree/main/sass-js) needs some adjustments:
+
+```sh
+yarn config set nodeLinker node-modules # Use the node_modules linker
+touch yarn.lock # Create an empty yarn.lock file
+yarn install # Install the dependencies
+yarn start # Start the project
+```
+{{< /callout >}}
+
### RubyGems
Install Bootstrap in your Ruby apps using [Bundler](https://bundler.io/) (**recommended**) and [RubyGems](https://rubygems.org/) by adding the following line to your [`Gemfile`](https://bundler.io/guides/gemfile.html):
diff --git a/site/content/docs/5.3/migration.md b/site/content/docs/5.3/migration.md
index 9fbe4a377f51..781867f4e50d 100644
--- a/site/content/docs/5.3/migration.md
+++ b/site/content/docs/5.3/migration.md
@@ -445,7 +445,7 @@ Want more information? [Read the v5.1.0 blog post.](https://blog.getbootstrap.co
- Columns no longer have `position: relative` applied, so you may have to add `.position-relative` to some elements to restore that behavior.
--
Breaking Dropped several `.order-*` classes that often went unused. We now only provide `.order-1` to `.order-5` out of the box.
+-
Breaking Dropped several `.order-*` classes that often went unused. We now only provide `.order-0` to `.order-5` out of the box.
-
Breaking Dropped the `.media` component as it can be easily replicated with utilities. [See #28265](https://github.com/twbs/bootstrap/pull/28265) and the [flex utilities page for an example]({{< docsref "/utilities/flex#media-object" >}}).
diff --git a/site/content/docs/5.3/utilities/api.md b/site/content/docs/5.3/utilities/api.md
index ec9e593318bb..c7c53d1165b9 100644
--- a/site/content/docs/5.3/utilities/api.md
+++ b/site/content/docs/5.3/utilities/api.md
@@ -452,7 +452,8 @@ You can enable responsive classes for an existing set of utilities that are not
@import "bootstrap/scss/utilities";
$utilities: map-merge(
- $utilities, (
+ $utilities,
+ (
"border": map-merge(
map-get($utilities, "border"),
( responsive: true ),
@@ -508,7 +509,8 @@ Missing v4 utilities, or used to another naming convention? The utilities API ca
@import "bootstrap/scss/utilities";
$utilities: map-merge(
- $utilities, (
+ $utilities,
+ (
"margin-start": map-merge(
map-get($utilities, "margin-start"),
( class: ml ),
@@ -574,13 +576,11 @@ $utilities: map-merge(
(
// Remove the `width` utility
"width": null,
-
// Make an existing utility responsive
"border": map-merge(
map-get($utilities, "border"),
( responsive: true ),
),
-
// Add new utilities
"cursor": (
property: cursor,
diff --git a/site/content/docs/5.3/utilities/position.md b/site/content/docs/5.3/utilities/position.md
index 76df92630514..4df91c10129e 100644
--- a/site/content/docs/5.3/utilities/position.md
+++ b/site/content/docs/5.3/utilities/position.md
@@ -94,7 +94,7 @@ Here are some real life examples of these classes:
-
-
-