From 4d33283123711523fc4217a0c3a9beb3a4758a64 Mon Sep 17 00:00:00 2001
From: Pubudu Dodangoda <pubudu.dodan@gmail.com>
Date: Mon, 16 Jan 2023 20:56:13 +1100
Subject: [PATCH] [docs][joy] Update Customization section code example to use
 the correct API (#35765)

---
 docs/data/joy/customization/approaches/approaches.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/data/joy/customization/approaches/approaches.md b/docs/data/joy/customization/approaches/approaches.md
index ed79a29b517c6c..b8d407be11708b 100644
--- a/docs/data/joy/customization/approaches/approaches.md
+++ b/docs/data/joy/customization/approaches/approaches.md
@@ -80,10 +80,12 @@ const theme = extendTheme({
   components: {
     // The component identifier always start with `Joy${ComponentName}`.
     JoyButton: {
-      styleOverrides: ({ theme }) => ({
-        // theme.vars.* return the CSS variables.
-        fontSize: theme.vars.fontSize.lg, // 'var(--joy-fontSize-lg)'
-      }),
+      styleOverrides: {
+        root: ({ theme }) => {
+          // theme.vars.* return the CSS variables.
+          fontSize: theme.vars.fontSize.lg, // 'var(--joy-fontSize-lg)'
+        },
+      },
     },
   },
 });