diff --git a/.changeset/angry-numbers-allow.md b/.changeset/angry-numbers-allow.md
new file mode 100644
index 0000000000..45d04b9263
--- /dev/null
+++ b/.changeset/angry-numbers-allow.md
@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+NonceProvider now has a `container` prop to set a custom insertion point for styles
diff --git a/packages/react-select/src/NonceProvider.tsx b/packages/react-select/src/NonceProvider.tsx
index 5e91a85e49..ce6b6f73e5 100644
--- a/packages/react-select/src/NonceProvider.tsx
+++ b/packages/react-select/src/NonceProvider.tsx
@@ -8,12 +8,18 @@ interface NonceProviderProps {
   nonce: string;
   children: ReactNode;
   cacheKey: string;
+  container?: Node;
 }
 
-export default ({ nonce, children, cacheKey }: NonceProviderProps) => {
+export default ({
+  nonce,
+  children,
+  cacheKey,
+  container,
+}: NonceProviderProps) => {
   const emotionCache = useMemo(
-    () => createCache({ key: cacheKey, nonce }),
-    [cacheKey, nonce]
+    () => createCache({ key: cacheKey, nonce, container }),
+    [cacheKey, nonce, container]
   );
   return <CacheProvider value={emotionCache}>{children}</CacheProvider>;
 };