Fix ScrollWrapper inner elements padding (twentyhq#4827)

Closes twentyhq#4824 and twentyhq#4788
karthikkashyap98 · Apr 4, 2024 · 499e1a0 · 499e1a0
1 parent 65e665c
commit 499e1a0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenu.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenu.tsx
@@ -89,7 +89,8 @@ export const StyledList = styled.div`
 
 export const StyledInnerList = styled.div`
   padding-left: ${({ theme }) => theme.spacing(1)};
-  width: 100%;
+  padding-right: ${({ theme }) => theme.spacing(1)};
+  width: calc(100% - ${({ theme }) => theme.spacing(2)});
 `;
 
 export const StyledEmpty = styled.div`

diff --git a/...ges/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuItemsContainer.tsx b/...ges/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuItemsContainer.tsx
@@ -17,9 +17,8 @@ const StyledDropdownMenuItemsExternalContainer = styled.div<{
   overflow-y: auto;
 
   padding: var(--padding);
-  padding-right: 0;
 
-  width: calc(100% - 1 * var(--padding));
+  width: calc(100% - 2 * var(--padding));
 `;
 
 const StyledScrollWrapper = styled(ScrollWrapper)`