From 6b7082f8feef5c61c9dc909eae122e76fbcb0f0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sat, 14 Sep 2024 14:18:19 +0200
Subject: [PATCH] pl-fe: improve dropdown menu animation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../components/dropdown-menu/dropdown-menu.tsx  | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
index 02e88dd5e..b22205a0c 100644
--- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
@@ -364,7 +364,6 @@ const DropdownMenu = (props: IDropdownMenu) => {
         <Portal>
           <div
             data-testid='dropdown-menu'
-            className={getClassName()}
             ref={refs.setFloating}
             style={{
               position: strategy,
@@ -372,14 +371,16 @@ const DropdownMenu = (props: IDropdownMenu) => {
               left: x ?? 0,
             }}
           >
-            <DropdownMenuContent handleClose={handleClose} items={items} component={component} />
+            <div className={getClassName()}>
+              <DropdownMenuContent handleClose={handleClose} items={items} component={component} />
 
-            {/* Arrow */}
-            <div
-              ref={arrowRef}
-              style={arrowProps}
-              className='pointer-events-none absolute z-[-1] h-3 w-3 bg-white black:bg-black dark:bg-gray-900'
-            />
+              {/* Arrow */}
+              <div
+                ref={arrowRef}
+                style={arrowProps}
+                className='pointer-events-none absolute z-[-1] h-3 w-3 bg-white black:bg-black dark:bg-gray-900'
+              />
+            </div>
           </div>
         </Portal>
       ) : null}