diff --git a/front/src/modules/ui/editable-field/components/EditableFieldDisplayMode.tsx b/front/src/modules/ui/editable-field/components/EditableFieldDisplayMode.tsx
index b75a1aabd..e6befbb5b 100644
--- a/front/src/modules/ui/editable-field/components/EditableFieldDisplayMode.tsx
+++ b/front/src/modules/ui/editable-field/components/EditableFieldDisplayMode.tsx
@@ -23,7 +23,7 @@ const StyledEditableFieldNormalModeOuterContainer = styled.div<
     if (props.isHovered) {
       return css`
         background-color: ${!props.disableHoverEffect
-          ? props.theme.background.transparent.lighter
+          ? props.theme.background.transparent.light
           : 'transparent'};
 
         cursor: pointer;