From c7dc9cf83b5757c276d9a1a20a503b132ddd7f1a Mon Sep 17 00:00:00 2001
From: Sammy Teillet <sammy.teillet@gmail.com>
Date: Mon, 24 Apr 2023 14:14:40 +0200
Subject: [PATCH] bugfix: fix direction and zindex of dropdown

---
 front/src/components/table/table-header/DropdownButton.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/front/src/components/table/table-header/DropdownButton.tsx b/front/src/components/table/table-header/DropdownButton.tsx
index 2c1b85d52..1ee49c484 100644
--- a/front/src/components/table/table-header/DropdownButton.tsx
+++ b/front/src/components/table/table-header/DropdownButton.tsx
@@ -15,6 +15,7 @@ const StyledDropdownButtonContainer = styled.div`
   display: flex;
   flex-direction: column;
   position: relative;
+  z-index: 1;
 `;
 
 type StyledDropdownButtonProps = {
@@ -37,6 +38,7 @@ const StyledDropdownButton = styled.div<StyledDropdownButtonProps>`
 
 const StyledDropdown = styled.ul`
   display: flex;
+  flex-direction: column;
   position: absolute;
   top: 14px;
   right: 0;
@@ -55,7 +57,6 @@ const StyledDropdownItem = styled.li`
   margin: 2px;
   background: ${(props) => props.theme.primaryBackground};
   cursor: pointer;
-  width: 100%;
   border-radius: 4px;
   color: ${(props) => props.theme.text60};