diff --git a/x-pack/plugins/security_solution/public/common/components/utility_bar/styles.tsx b/x-pack/plugins/security_solution/public/common/components/utility_bar/styles.tsx index 82200b4f7478c..8e1836d733a88 100644 --- a/x-pack/plugins/security_solution/public/common/components/utility_bar/styles.tsx +++ b/x-pack/plugins/security_solution/public/common/components/utility_bar/styles.tsx @@ -112,9 +112,9 @@ export const BarGroup = styled.div.attrs({ `; BarGroup.displayName = 'BarGroup'; -export const BarText = styled.p.attrs({ - className: 'siemUtilityBar__text', -})<{ shouldWrap: boolean }>` +export const BarText = styled.p.attrs(({ className }) => ({ + className: className || 'siemUtilityBar__text', +}))<{ shouldWrap: boolean }>` ${({ shouldWrap, theme }) => css` color: ${theme.eui.euiTextSubduedColor}; font-size: ${theme.eui.euiFontSizeXS}; diff --git a/x-pack/plugins/security_solution/public/common/components/utility_bar/utility_bar_text.tsx b/x-pack/plugins/security_solution/public/common/components/utility_bar/utility_bar_text.tsx index c9e9d0a0b8769..4dd2de98695d9 100644 --- a/x-pack/plugins/security_solution/public/common/components/utility_bar/utility_bar_text.tsx +++ b/x-pack/plugins/security_solution/public/common/components/utility_bar/utility_bar_text.tsx @@ -13,11 +13,12 @@ export interface UtilityBarTextProps { children: string | JSX.Element; dataTestSubj?: string; shouldWrap?: boolean; + className?: string; } export const UtilityBarText = React.memo( - ({ children, dataTestSubj, shouldWrap = false }) => ( - + ({ children, dataTestSubj, shouldWrap = false, className }) => ( + {children} ) diff --git a/x-pack/plugins/security_solution/public/detection_engine/rule_exceptions/components/all_exception_items_table/index.tsx b/x-pack/plugins/security_solution/public/detection_engine/rule_exceptions/components/all_exception_items_table/index.tsx index bd78076c6cbed..adcbd7ac36b5f 100644 --- a/x-pack/plugins/security_solution/public/detection_engine/rule_exceptions/components/all_exception_items_table/index.tsx +++ b/x-pack/plugins/security_solution/public/detection_engine/rule_exceptions/components/all_exception_items_table/index.tsx @@ -517,7 +517,7 @@ const ExceptionsViewerComponent = ({ onChangeExceptionsToShow={handleExceptionsToShow} lastUpdated={lastUpdated} /> - + = - + = partTwo: {`${pagination.totalItemCount}`}, }} /> - +