From 546803e66661d353450c9ef2fc8cbfd51ca18d41 Mon Sep 17 00:00:00 2001
From: Siddharth Kshetrapal <siddharthkp@github.com>
Date: Thu, 27 Jun 2024 17:59:03 +0200
Subject: [PATCH] Overlay: Set style prop correctly (#4699)

* Overlay: accept style prop

* Create seven-cherries-serve.md
---
 .changeset/seven-cherries-serve.md     | 5 +++++
 packages/react/src/Overlay/Overlay.tsx | 3 +++
 2 files changed, 8 insertions(+)
 create mode 100644 .changeset/seven-cherries-serve.md

diff --git a/.changeset/seven-cherries-serve.md b/.changeset/seven-cherries-serve.md
new file mode 100644
index 00000000000..cc167fde2ba
--- /dev/null
+++ b/.changeset/seven-cherries-serve.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Overlay: Set `style` prop correctly
diff --git a/packages/react/src/Overlay/Overlay.tsx b/packages/react/src/Overlay/Overlay.tsx
index 23e8932f4a8..251ba0625ab 100644
--- a/packages/react/src/Overlay/Overlay.tsx
+++ b/packages/react/src/Overlay/Overlay.tsx
@@ -22,6 +22,7 @@ type StyledOverlayProps = {
   visibility?: 'visible' | 'hidden'
   overflow?: 'auto' | 'hidden' | 'scroll' | 'visible'
   anchorSide?: AnchorSide
+  style?: React.CSSProperties
 } & SxProp
 
 export const heightMap = {
@@ -153,6 +154,7 @@ const Overlay = React.forwardRef<HTMLDivElement, OwnOverlayProps>(
       portalContainerName,
       preventFocusOnOpen,
       position,
+      style: styleFromProps = {},
       ...rest
     },
     forwardedRef,
@@ -214,6 +216,7 @@ const Overlay = React.forwardRef<HTMLDivElement, OwnOverlayProps>(
               bottom,
               position,
               '--styled-overlay-visibility': visibility,
+              ...styleFromProps,
             } as React.CSSProperties
           }
         />