diff --git a/.changeset/clean-bags-occur.md b/.changeset/clean-bags-occur.md
index bf376e2300..d7fd8c4be8 100644
--- a/.changeset/clean-bags-occur.md
+++ b/.changeset/clean-bags-occur.md
@@ -60,10 +60,10 @@ Replace hook usage in custom components:
 + import { useBg, BgProvider } from '@backstage/ui';
 
 - const { surface } = useSurface({ surface: props.surface });
-+ const { bg } = useBg({ bg: props.bg });
++ const { bg } = useBg({ mode: 'container', bg: props.bg });
 
 - const { surface } = useSurface({ onSurface: props.onSurface });
-+ const { bg } = useBg({ leaf: true });
++ const { bg } = useBg({ mode: 'leaf' });
 ```
 
 **Affected components:** box, button, button-icon, button-link, toggle-button, card, alert, flex, grid