diff --git a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCard.tsx b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCard.tsx index 5efd670583..e449e6fffe 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCard.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCard.tsx @@ -65,7 +65,7 @@ const StyledWidgetCard = styled.div<{ border: 1px solid ${theme.border.color.strong}; .widget-card-remove-button { - display: block !important; + display: flex !important; } } `} @@ -105,7 +105,7 @@ const StyledWidgetCard = styled.div<{ border: 1px solid ${theme.border.color.strong}; .widget-card-remove-button { - display: block !important; + display: flex !important; } } `} diff --git a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx index 6c8612586f..953a9856cb 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx @@ -33,6 +33,12 @@ const StyledTitleContainer = styled.div` overflow: hidden; `; +const StyledRightContainer = styled.div` + display: flex; + align-items: center; + gap: ${({ theme }) => theme.spacing(0.5)}; +`; + const StyledIconButton = styled(IconButton)` display: none; `; @@ -56,16 +62,18 @@ export const WidgetCardHeader = ({ - {isDefined(forbiddenDisplay) && forbiddenDisplay} - {!isEmpty && isInEditMode && onRemove && ( - - )} + + {isDefined(forbiddenDisplay) && forbiddenDisplay} + {!isEmpty && isInEditMode && onRemove && ( + + )} + ); };