diff --git a/front/src/modules/ui/editable-field/components/EditableFieldDisplayMode.tsx b/front/src/modules/ui/editable-field/components/EditableFieldDisplayMode.tsx index 149ab35ba..cafc1338c 100644 --- a/front/src/modules/ui/editable-field/components/EditableFieldDisplayMode.tsx +++ b/front/src/modules/ui/editable-field/components/EditableFieldDisplayMode.tsx @@ -71,16 +71,6 @@ type OwnProps = { isDisplayModeFixHeight?: boolean; }; -function displayEmptyIfNothingToShow( - children: React.ReactNode, - isDisplayModeContentEmpty?: boolean, -): React.ReactNode { - if (isDisplayModeContentEmpty || !children) { - return {'Empty'}; - } - return children; -} - export function EditableFieldDisplayMode({ children, disableClick, @@ -98,7 +88,11 @@ export function EditableFieldDisplayMode({ isDisplayModeFixHeight={isDisplayModeFixHeight} > - {displayEmptyIfNothingToShow(children, isDisplayModeContentEmpty)} + {isDisplayModeContentEmpty || !children ? ( + {'Empty'} + ) : ( + children + )} ); diff --git a/front/src/modules/ui/modal/components/ConfirmationModal.tsx b/front/src/modules/ui/modal/components/ConfirmationModal.tsx index e4f958715..39d68db70 100644 --- a/front/src/modules/ui/modal/components/ConfirmationModal.tsx +++ b/front/src/modules/ui/modal/components/ConfirmationModal.tsx @@ -26,6 +26,7 @@ export type ConfirmationModalProps = { const StyledConfirmationModal = styled(Modal)` padding: ${({ theme }) => theme.spacing(4)}; + width: calc(400px - ${({ theme }) => theme.spacing(10 * 2)}); `; const StyledCenteredButton = styled(Button)`