diff --git a/src/common/MetaRow/MetaRow.js b/src/common/MetaRow/MetaRow.js index 9494d5b60..08a133e4f 100644 --- a/src/common/MetaRow/MetaRow.js +++ b/src/common/MetaRow/MetaRow.js @@ -18,7 +18,11 @@ const MetaRow = ({ className, title, message, items, itemComponent, deepLinks })
{ typeof title === 'string' && title.length > 0 ? -
{title}
+
+ +
: null } diff --git a/src/common/MetaRow/styles.less b/src/common/MetaRow/styles.less index c41319a4b..021ae3b3e 100644 --- a/src/common/MetaRow/styles.less +++ b/src/common/MetaRow/styles.less @@ -16,8 +16,16 @@ .title-container { flex: 1; max-height: 2.4em; - font-size: 1.8rem; - color: @color-secondaryvariant2-light1-90; + text-align: left; + .row-title { + font-size: 1.8rem; + color: @color-secondaryvariant2-light1-90; + &:focus-within { + outline-width: 0; + background-color: @color-background-light3; + border: none; + } + } } .see-all-container {