diff --git a/src/components/description_list/description_list_description.styles.ts b/src/components/description_list/description_list_description.styles.ts index 45b19826af3..4edf530a278 100644 --- a/src/components/description_list/description_list_description.styles.ts +++ b/src/components/description_list/description_list_description.styles.ts @@ -11,8 +11,6 @@ import { euiFontSize, logicalTextAlignCSS } from '../../global_styling'; import { UseEuiTheme } from '../../services'; import { euiTitle } from '../title/title.styles'; -const COLUMN_MAX_WIDTH = '55ch'; // Is this intentional? I was under the impression we were only setting a max-width on titles - export const euiDescriptionListDescriptionStyles = ( euiThemeContext: UseEuiTheme ) => { @@ -21,9 +19,7 @@ export const euiDescriptionListDescriptionStyles = ( // Types row: css``, - column: css` - max-inline-size: ${COLUMN_MAX_WIDTH}; - `, + column: css``, inline: css` display: inline; `, diff --git a/src/components/description_list/description_list_title.styles.ts b/src/components/description_list/description_list_title.styles.ts index 9a8da0a17e2..7f6647c1ec7 100644 --- a/src/components/description_list/description_list_title.styles.ts +++ b/src/components/description_list/description_list_title.styles.ts @@ -16,8 +16,6 @@ import { import { UseEuiTheme } from '../../services'; import { euiTitle } from '../title/title.styles'; -const COLUMN_MAX_WIDTH = '55ch'; - export const euiDescriptionListTitleStyles = (euiThemeContext: UseEuiTheme) => { const { euiTheme, colorMode } = euiThemeContext; @@ -28,9 +26,7 @@ export const euiDescriptionListTitleStyles = (euiThemeContext: UseEuiTheme) => { // Types row: css``, - column: css` - max-inline-size: ${COLUMN_MAX_WIDTH}; - `, + column: css``, inline: css` display: inline; border-radius: ${euiTheme.border.radius.small};