diff --git a/ui/app/styles/components/metrics.scss b/ui/app/styles/components/metrics.scss index 0f94e3fa1..66f9bf286 100644 --- a/ui/app/styles/components/metrics.scss +++ b/ui/app/styles/components/metrics.scss @@ -6,7 +6,6 @@ .metric { padding: 0.75em 1em; border: 1px solid $grey-blue; - text-align: center; display: flex; flex-direction: column; min-width: 120px; @@ -50,15 +49,25 @@ } } - .label { - font-size: 1.1em; - font-weight: $weight-semibold; - margin-bottom: 0; - } - - .value { - font-size: 2em; - margin-bottom: 0; + &.is-hollow { + border-color: transparent; + background: transparent; } } } + +.metric { + text-align: center; + + .label { + font-size: 1.1em; + font-weight: $weight-semibold; + margin-bottom: 0; + } + + .value { + font-size: 2em; + margin-bottom: 0; + line-height: 1; + } +}