fix

twentyhq · Jan 11, 2025 · c8e0157 · c8e0157
1 parent 9ed9b31
commit c8e0157
Showing 1 changed file with 21 additions and 8 deletions.
diff --git a/...nty-front/src/modules/favorites/components/FavoriteFolderNavigationDrawerItemDropdown.tsx b/...nty-front/src/modules/favorites/components/FavoriteFolderNavigationDrawerItemDropdown.tsx
@@ -2,13 +2,9 @@ import { FavoriteFolderHotkeyScope } from '@/favorites/constants/FavoriteFolderR
 import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
 import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
 
-import {
-  IconDotsVertical,
-  IconPencil,
-  IconTrash,
-  LightIconButton,
-  MenuItem,
-} from 'twenty-ui';
+import { useTheme } from '@emotion/react';
+import styled from '@emotion/styled';
+import { IconDotsVertical, IconPencil, IconTrash, MenuItem } from 'twenty-ui';
 
 type FavoriteFolderNavigationDrawerItemDropdownProps = {
   folderId: string;
@@ -17,12 +13,24 @@ type FavoriteFolderNavigationDrawerItemDropdownProps = {
   closeDropdown: () => void;
 };
 
+const StyledIconContainer = styled.div`
+  align-items: center;
+  background: transparent;
+  height: 24px;
+  width: 24px;
+  justify-content: center;
+  display: flex;
+  border-radius: ${({ theme }) => theme.border.radius.sm};
+`;
+
 export const FavoriteFolderNavigationDrawerItemDropdown = ({
   folderId,
   onRename,
   onDelete,
   closeDropdown,
 }: FavoriteFolderNavigationDrawerItemDropdownProps) => {
+  const theme = useTheme();
+
   const handleRename = () => {
     onRename();
     closeDropdown();
@@ -41,7 +49,12 @@ export const FavoriteFolderNavigationDrawerItemDropdown = ({
       }}
       data-select-disable
       clickableComponent={
-        <LightIconButton Icon={IconDotsVertical} accent="tertiary" />
+        <StyledIconContainer>
+          <IconDotsVertical
+            size={theme.icon.size.sm}
+            color={theme.font.color.tertiary}
+          />
+        </StyledIconContainer>
       }
       dropdownPlacement="bottom-start"
       dropdownComponents={