diff --git a/packages/frontend/src/components/MkInstanceTicker.vue b/packages/frontend/src/components/MkInstanceTicker.vue index 2a8d5c9f71..21856c5fe2 100644 --- a/packages/frontend/src/components/MkInstanceTicker.vue +++ b/packages/frontend/src/components/MkInstanceTicker.vue @@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only @@ -45,8 +45,7 @@ $height: 2ex; .root { display: flex; align-items: center; - height: $height; - border-radius: var(--MI-radius-xs) 0 0 var(--MI-radius-xs); + border-radius: 10px; overflow: clip; color: #fff; text-shadow: /* .866 ≈ sin(60deg) */ diff --git a/packages/frontend/src/components/SkInstanceTicker.vue b/packages/frontend/src/components/SkInstanceTicker.vue index 2bfe5cc157..fd111d4eac 100644 --- a/packages/frontend/src/components/SkInstanceTicker.vue +++ b/packages/frontend/src/components/SkInstanceTicker.vue @@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only @@ -44,8 +44,7 @@ const bg = { .root { display: flex; align-items: center; - height: 1.5ex; - border-radius: var(--MI-radius-xl); + border-radius: 10px; padding: 4px; overflow: clip; color: #fff;