diff --git a/src/components/Stats.js b/src/components/Stats.js
index a9c6408..0b11ce9 100644
--- a/src/components/Stats.js
+++ b/src/components/Stats.js
@@ -14,6 +14,7 @@ function Stats({ stats, highlight }) {
style={{
paddingLeft: highlight !== statName && index === 0 ? '.5rem' : undefined,
paddingRight: highlight !== statName && index + 1 === entries.length ? '.5rem' : undefined,
+ marginLeft: highlight && highlight !== statName ? '.5rem' : undefined,
}}
>
diff --git a/src/styles/stats.css b/src/styles/stats.css
index 367c78a..3c052f5 100644
--- a/src/styles/stats.css
+++ b/src/styles/stats.css
@@ -1,8 +1,9 @@
.stats {
display: inline-block;
- border: .5rem solid white;
+ border: .35rem solid white;
border-radius: 1.62rem;
margin-top: .4rem;
+ background-color: white;
}
.stats.highlighted {
@@ -10,13 +11,13 @@
}
.stats .stats-content {
- margin: -.5rem;
+ margin: -.35rem;
display: flex;
}
.stat {
- padding: .5rem 0;
- border: .5rem solid transparent;
+ padding: .35rem 0;
+ border: .35rem solid transparent;
border-radius: 1.62rem;
align-self: center;
}