diff --git a/frontend/components/StatusIndicator/_styles.scss b/frontend/components/StatusIndicator/_styles.scss index aee6b51567..a92e3eb803 100644 --- a/frontend/components/StatusIndicator/_styles.scss +++ b/frontend/components/StatusIndicator/_styles.scss @@ -3,6 +3,10 @@ align-items: center; color: $core-fleet-blue; + ::first-letter { + text-transform: capitalize; + } + &:before { border-radius: 100%; content: " "; diff --git a/frontend/components/TableContainer/DataTable/_styles.scss b/frontend/components/TableContainer/DataTable/_styles.scss index ea958e3924..8bad872b93 100644 --- a/frontend/components/TableContainer/DataTable/_styles.scss +++ b/frontend/components/TableContainer/DataTable/_styles.scss @@ -215,6 +215,7 @@ $shadow-transition-width: 10px; } .link-cell, .text-cell { + display: block; // inline-block is not vertically centered overflow: hidden; white-space: nowrap; text-overflow: ellipsis; @@ -223,11 +224,7 @@ $shadow-transition-width: 10px; white-space: normal; } } - .text-cell { - display: inline-block; - } .link-cell { - display: block; padding: $pad-small 0; // larger clickable area &:hover {