diff --git a/site/src/content/callouts/info-mediaqueries-breakpoints.md b/site/src/content/callouts/info-mediaqueries-breakpoints.md
deleted file mode 100644
index bbf8b41288..0000000000
--- a/site/src/content/callouts/info-mediaqueries-breakpoints.md
+++ /dev/null
@@ -1 +0,0 @@
-**Using range context queries:** Bootstrap now uses [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context) for improved precision and modern CSS media query syntax. The range syntax like `(width >= 768px)` eliminates the need for fractional pixel adjustments that were previously required with `min-` and `max-` prefixes.
diff --git a/site/src/content/docs/layout/breakpoints.mdx b/site/src/content/docs/layout/breakpoints.mdx
index 817d4285a1..7e3b73baa6 100644
--- a/site/src/content/docs/layout/breakpoints.mdx
+++ b/site/src/content/docs/layout/breakpoints.mdx
@@ -132,8 +132,6 @@ These mixins use the breakpoint values to create `max-width` media queries using
 @media (width < 1400px) { ... }
 ```
 
-<Callout name="info-mediaqueries-breakpoints" type="warning" />
-
 ### Single breakpoint
 
 There are also media queries and mixins for targeting a single segment of screen sizes using the minimum and maximum breakpoint widths.