From e25a3804d3d3e836d8fd79c09cb7e4e0768bb202 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20de=20Juvigny?=
 <8087692+remidej@users.noreply.github.com>
Date: Tue, 4 Feb 2025 10:38:50 +0100
Subject: [PATCH] fix: pass menu separator ref (#1847)

---
 .changeset/popular-terms-remain.md                        | 5 +++++
 packages/design-system/src/components/SimpleMenu/Menu.tsx | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/popular-terms-remain.md

diff --git a/.changeset/popular-terms-remain.md b/.changeset/popular-terms-remain.md
new file mode 100644
index 000000000..484150a5d
--- /dev/null
+++ b/.changeset/popular-terms-remain.md
@@ -0,0 +1,5 @@
+---
+'@strapi/design-system': patch
+---
+
+fix: pass menu separator ref
diff --git a/packages/design-system/src/components/SimpleMenu/Menu.tsx b/packages/design-system/src/components/SimpleMenu/Menu.tsx
index fb5366d5c..1cdd1507e 100644
--- a/packages/design-system/src/components/SimpleMenu/Menu.tsx
+++ b/packages/design-system/src/components/SimpleMenu/Menu.tsx
@@ -250,9 +250,9 @@ const StyledSeparator = styled(Box)`
   }
 `;
 
-const MenuSeparator = React.forwardRef<HTMLDivElement, SeparatorProps>((props: SeparatorProps) => (
+const MenuSeparator = React.forwardRef<HTMLDivElement, SeparatorProps>((props: SeparatorProps, ref) => (
   <DropdownMenu.Separator {...props} asChild>
-    <StyledSeparator height="1px" shrink={0} background="neutral150" />
+    <StyledSeparator height="1px" shrink={0} background="neutral150" ref={ref} />
   </DropdownMenu.Separator>
 ));