diff --git a/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx b/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx index d0b93c84007ea72c0e68f5e500b066d96e37381a..4ade458920055b4268bee1ad6d67ccfa69d6b01e 100644 --- a/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx +++ b/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx @@ -82,8 +82,8 @@ const EcogestureModal: React.FC<EcogestureModalProps> = ({ ))} </div> </div> + <div className="long-name">{ecogesture.longName}</div> <div className="em-description text-16-normal-150"> - <span className="long-name">{ecogesture.longName} </span> {ecogesture.longDescription} </div> </div> diff --git a/src/styles/components/_ecogesture.scss b/src/styles/components/_ecogesture.scss index d4abf9fadbe91a668302216368e4b47eeefcb703..57fae3085bdfc637411ac54f45b386913e8e39b7 100644 --- a/src/styles/components/_ecogesture.scss +++ b/src/styles/components/_ecogesture.scss @@ -162,11 +162,13 @@ margin-bottom: 1rem; } } + .long-name { + font-weight: bold; + line-height: 150%; + margin: 0.5rem 0 1rem; + } .em-description { padding-bottom: 2.5rem; - .long-name { - font-weight: bold; - } } .em-description-2 { padding-top: 2rem;