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)`