diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramEdgeOptions.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramEdgeOptions.tsx index d54d1f257..d98185ba4 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramEdgeOptions.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramEdgeOptions.tsx @@ -9,7 +9,6 @@ import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/ import { workflowInsertStepIdsComponentState } from '@/workflow/workflow-steps/states/workflowInsertStepIdsComponentState'; const StyledIconButtonGroup = styled(IconButtonGroup)` - border: 1px solid ${({ theme }) => theme.border.color.strong}; pointer-events: all; `; diff --git a/packages/twenty-ui/src/input/button/components/IconButtonGroup.tsx b/packages/twenty-ui/src/input/button/components/IconButtonGroup.tsx index e0d14b503..d4d2a251a 100644 --- a/packages/twenty-ui/src/input/button/components/IconButtonGroup.tsx +++ b/packages/twenty-ui/src/input/button/components/IconButtonGroup.tsx @@ -21,6 +21,7 @@ const StyledIconButtonGroupContainer = styled.div< background-color: ${({ disabled, theme }) => disabled ? 'inherit' : theme.background.transparent.lighter}; border-radius: ${({ theme }) => theme.border.radius.sm}; + border: 1px solid ${({ theme }) => theme.border.color.strong}; gap: 2px; padding: 2px; backdrop-filter: blur(20px); diff --git a/packages/twenty-ui/src/input/button/components/InsideButton.tsx b/packages/twenty-ui/src/input/button/components/InsideButton.tsx index d7ed2e527..742a00d10 100644 --- a/packages/twenty-ui/src/input/button/components/InsideButton.tsx +++ b/packages/twenty-ui/src/input/button/components/InsideButton.tsx @@ -31,15 +31,6 @@ const StyledButton = styled.button` } `; -const StyledAnimatedIconWrapper = styled.span` - display: flex; - transition: transform 0.1s ease; - - &:hover { - transform: translateY(-3%); - } -`; - export const InsideButton = ({ className, Icon, @@ -50,11 +41,7 @@ export const InsideButton = ({ return ( - {Icon && ( - - - - )} + {Icon && } ); };