diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 9e8f98108ed75..70adcb535181d 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -6,6 +6,7 @@
- `Placeholder`: Improved DOM structure and screen reader announcements ([#45801](https://github.com/WordPress/gutenberg/pull/45801)).
- `DateTimePicker`: fix onChange callback check so that it also works inside iframes ([#54669](https://github.com/WordPress/gutenberg/pull/54669)).
+- `Popover`: Apply the CSS in JS styles properly for components used within popovers. ([#54912](https://github.com/WordPress/gutenberg/pull/54912))
### Internal
diff --git a/packages/components/src/popover/index.tsx b/packages/components/src/popover/index.tsx
index bb51252b549c5..ffbb43433bc72 100644
--- a/packages/components/src/popover/index.tsx
+++ b/packages/components/src/popover/index.tsx
@@ -60,6 +60,7 @@ import type {
PopoverAnchorRefTopBottom,
} from './types';
import { overlayMiddlewares } from './overlay-middlewares';
+import { StyleProvider } from '../style-provider';
/**
* Name of slot in which popover should fill.
@@ -447,7 +448,10 @@ const UnforwardedPopover = (
if ( shouldRenderWithinSlot ) {
content = { content };
} else if ( ! inline ) {
- content = createPortal( content, getPopoverFallbackContainer() );
+ content = createPortal(
+ { content },
+ getPopoverFallbackContainer()
+ );
}
if ( hasAnchor ) {