diff --git a/packages/embed-react/README.md b/packages/embed-react/README.md
index e5ac3137..fb00bcd0 100644
--- a/packages/embed-react/README.md
+++ b/packages/embed-react/README.md
@@ -87,6 +87,10 @@ Pass options as props to the component.
 
 See all available options in [Vanilla JavaScript Embed Library README file](../embed/README.md#options).
 
+#### CSP nonce support
+
+If the global `__webpack_nonce__` is set, its value will be used for a `nonce` attribute on the inline `<style>` block. See [#458](https://github.com/Typeform/embed/issues/458) for details.
+
 ### Examples
 
 You can find examples for specific use-cases with React in our demos:
diff --git a/packages/embed-react/src/components/inline-style.spec.tsx b/packages/embed-react/src/components/inline-style.spec.tsx
index 88f761ea..ea69f162 100644
--- a/packages/embed-react/src/components/inline-style.spec.tsx
+++ b/packages/embed-react/src/components/inline-style.spec.tsx
@@ -3,6 +3,14 @@ import { render, screen } from '@testing-library/react'
 
 import { InlineStyle } from './inline-style'
 
+declare global {
+  namespace NodeJS {
+    interface Global {
+      __webpack_nonce__: string
+    }
+  }
+}
+
 describe('<InlineStyle />', () => {
   it('should render inline CSS', () => {
     render(
@@ -24,4 +32,19 @@ describe('<InlineStyle />', () => {
     expect(iframeStyle.overflow).toBe('hidden')
     expect(iframeStyle.borderRadius).toBe('8px')
   })
+
+  it('should support __webpack_nonce__', () => {
+    global.__webpack_nonce__ = 'AA=='
+
+    render(
+      <>
+        <div data-testid="style">
+          <InlineStyle filename="widget" />
+        </div>
+      </>
+    )
+
+    const styleElement = screen.getByTestId('style').getElementsByTagName('style')[0]
+    expect(styleElement.nonce).toBe('AA==')
+  })
 })
diff --git a/packages/embed-react/src/components/inline-style.tsx b/packages/embed-react/src/components/inline-style.tsx
index a69ddec5..6e6f4978 100644
--- a/packages/embed-react/src/components/inline-style.tsx
+++ b/packages/embed-react/src/components/inline-style.tsx
@@ -1,10 +1,13 @@
 import React, { FC } from 'react'
 
+import getNonce from '../utils/nonce'
+
 interface InlineStyleProps {
   filename: string
 }
 
 export const InlineStyle: FC<InlineStyleProps> = ({ filename }: InlineStyleProps) => {
   const inlneCss = require(`../css/${filename}.css`)
-  return <style>{inlneCss.default}</style>
+  const nonce = getNonce()
+  return <style {...(nonce ? { nonce } : {})}>{inlneCss.default}</style>
 }
diff --git a/packages/embed-react/src/utils/nonce.ts b/packages/embed-react/src/utils/nonce.ts
new file mode 100644
index 00000000..166777fc
--- /dev/null
+++ b/packages/embed-react/src/utils/nonce.ts
@@ -0,0 +1,5 @@
+declare let __webpack_nonce__: string
+
+export default function getNonce() {
+  return typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null
+}