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
![]()
-
{{ instance.name }}
+
@@ -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
![]()
-
{{ instance.name }}
+
@@ -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;