From 12e5bb36e12baf6f793fa362cfed4cef29c095ab Mon Sep 17 00:00:00 2001
From: ikasoba <57828948+ikasoba@users.noreply.github.com>
Date: Sat, 16 Dec 2023 20:31:42 +0900
Subject: [PATCH] =?UTF-8?q?=E6=9E=A0=E7=B7=9A=E3=81=AE=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E3=82=92=E7=AB=AF=E3=81=AB=E5=AF=84=E3=81=9B=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkChannelPreview.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkChannelPreview.vue b/packages/frontend/src/components/MkChannelPreview.vue
index a8fcca96f0..757390bfb1 100644
--- a/packages/frontend/src/components/MkChannelPreview.vue
+++ b/packages/frontend/src/components/MkChannelPreview.vue
@@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<div style="margin: 0; display: flex;">
+<div style="position: relative;">
 	<MkA :to="`/channels/${channel.id}`" class="eftoefju _panel" tabindex="-1" @click="updateLastReadedAt">
 		<div class="banner" :style="bannerStyle">
 			<div class="fade"></div>
@@ -42,8 +42,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 		v-if="lastReadedAt && channel.isFavorited && channel.lastNotedAt && Date.parse(channel.lastNotedAt) > lastReadedAt"
 		style="
 			position: absolute;
-			top: -0.5rem;
-			right: -0.5rem;
+			top: 0;
+			right: 0;
+			transform: translate(50%, -50%);
 			background-color: var(--accent);
 			border: solid var(--bg) 4px;
 			border-radius: 100%;