diff --git a/packages/components/src/popover/index.js b/packages/components/src/popover/index.js
index c9e20212b79a5..7813edcc5dcb2 100644
--- a/packages/components/src/popover/index.js
+++ b/packages/components/src/popover/index.js
@@ -285,7 +285,10 @@ const Popover = (
 	} = useFloating( {
 		placement: normalizedPlacementFromProps,
 		middleware,
-		whileElementsMounted: autoUpdate,
+		whileElementsMounted: ( referenceParam, floatingParam, updateParam ) =>
+			autoUpdate( referenceParam, floatingParam, updateParam, {
+				animationFrame: true,
+			} ),
 	} );
 
 	useEffect( () => {