diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 9ecf21071d..cdd2cccb2e 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -829,7 +829,8 @@ function emitUpdReaction(emoji: string, delta: number) { z-index: 1; margin-top: 0.4em; width: max-content; - min-width: max-content; + min-width: min-content; + max-width: fit-content; } &:hover > .article > .main > .footer > .footerButton { diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue index 8d394c0c15..c61f0836bd 100644 --- a/packages/frontend/src/components/MkNoteSub.vue +++ b/packages/frontend/src/components/MkNoteSub.vue @@ -415,7 +415,8 @@ if (props.detail) { z-index: 1; margin-top: 0.4em; width: max-content; - min-width: max-content; + min-width: min-content; + max-width: fit-content; } .main { diff --git a/packages/frontend/src/components/SkNote.vue b/packages/frontend/src/components/SkNote.vue index cb37861330..83909654c7 100644 --- a/packages/frontend/src/components/SkNote.vue +++ b/packages/frontend/src/components/SkNote.vue @@ -830,7 +830,8 @@ function emitUpdReaction(emoji: string, delta: number) { z-index: 1; margin-top: 0.4em; width: max-content; - min-width: max-content; + min-width: min-content; + max-width: fit-content; } &:hover > .article > .main > .footer > .footerButton { diff --git a/packages/frontend/src/components/SkNoteSub.vue b/packages/frontend/src/components/SkNoteSub.vue index fc30dc87aa..f0653d6ec2 100644 --- a/packages/frontend/src/components/SkNoteSub.vue +++ b/packages/frontend/src/components/SkNoteSub.vue @@ -432,7 +432,8 @@ if (props.detail) { z-index: 1; margin-top: 0.4em; width: max-content; - min-width: max-content; + min-width: min-content; + max-width: fit-content; } .main {