diff --git a/front/src/modules/ui/editable-field/components/GenericEditableBooleanFieldDisplayMode.tsx b/front/src/modules/ui/editable-field/components/GenericEditableBooleanFieldDisplayMode.tsx index 605e34a71..7c0bbf7a3 100644 --- a/front/src/modules/ui/editable-field/components/GenericEditableBooleanFieldDisplayMode.tsx +++ b/front/src/modules/ui/editable-field/components/GenericEditableBooleanFieldDisplayMode.tsx @@ -13,10 +13,11 @@ import { FieldDefinition } from '../types/FieldDefinition'; import { FieldBooleanMetadata } from '../types/FieldMetadata'; const StyledEditableBooleanFieldContainer = styled.div` + align-items: center; cursor: pointer; display: flex; `; -const StyledBooleanFieldIcon = styled.div``; + const StyledEditableBooleanFieldValue = styled.div` margin-left: ${({ theme }) => theme.spacing(1)}; `; @@ -54,13 +55,11 @@ export function GenericEditableBooleanFieldDisplayMode() { return ( - - {fieldValue ? ( - - ) : ( - - )} - + {fieldValue ? ( + + ) : ( + + )} {fieldValue ? 'True' : 'False'}