pl-fe: improve dropdown menu animation

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

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,6 +371,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
               left: x ?? 0,
             }}
           >
+            <div className={getClassName()}>
               <DropdownMenuContent handleClose={handleClose} items={items} component={component} />
 
               {/* Arrow */}
@@ -381,6 +381,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
                 className='pointer-events-none absolute z-[-1] h-3 w-3 bg-white black:bg-black dark:bg-gray-900'
               />
             </div>
+          </div>
         </Portal>
       ) : null}
     </>