diff --git a/website/app/[locale]/(root)/docs/introduction/components/CriticalCSSForDocsSitesBenchmark.tsx b/website/app/[locale]/(root)/docs/introduction/components/CriticalCSSForDocsSitesBenchmark.tsx
index ed6adcbc2..f71ee0b81 100644
--- a/website/app/[locale]/(root)/docs/introduction/components/CriticalCSSForDocsSitesBenchmark.tsx
+++ b/website/app/[locale]/(root)/docs/introduction/components/CriticalCSSForDocsSitesBenchmark.tsx
@@ -22,7 +22,7 @@ export default () => (
                     content: (
                         <Bars>
                             {results
-                                .sort((a, b) => b.totalCSSSize - a.totalCSSSize)
+                                .sort((a, b) => a.totalCSSSize - b.totalCSSSize)
                                 .map((result) => {
                                     const brand = brands.find((brand) => brand.name === result.name)
                                     return (
@@ -50,7 +50,7 @@ export default () => (
                     content: (
                         <Bars>
                             {results
-                                .sort((a, b) => b.totalCSSBrotliSize - a.totalCSSBrotliSize)
+                                .sort((a, b) => a.totalCSSBrotliSize - b.totalCSSBrotliSize)
                                 .map((result) => {
                                     const brand = brands.find((brand) => brand.name === result.name)
                                     return (