diff --git a/packages/core/admin/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js b/packages/core/admin/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js index a5780ba216..bb0cfbdd15 100644 --- a/packages/core/admin/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js +++ b/packages/core/admin/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js @@ -4,27 +4,29 @@ import { Typography } from '@strapi/design-system'; import { Bold, Italic, Underline, StrikeThrough, Code } from '@strapi/icons'; import { Editor } from 'slate'; import { useSlate } from 'slate-react'; -import styled from 'styled-components'; +import styled, { css } from 'styled-components'; -const BoldText = styled(Typography).attrs({ fontWeight: 'bold' })` +const stylesToInherit = css` font-size: inherit; color: inherit; + line-height: inherit; +`; + +const BoldText = styled(Typography).attrs({ fontWeight: 'bold' })` + ${stylesToInherit} `; const ItalicText = styled(Typography)` font-style: italic; - font-size: inherit; - color: inherit; + ${stylesToInherit} `; const UnderlineText = styled(Typography).attrs({ textDecoration: 'underline' })` - font-size: inherit; - color: inherit; + ${stylesToInherit} `; const StrikeThroughText = styled(Typography).attrs({ textDecoration: 'line-through' })` - font-size: inherit; - color: inherit; + ${stylesToInherit} `; const InlineCode = styled.code`