diff --git a/src/components/Author/AuthorCard/AuthorCard.module.scss b/src/components/Author/AuthorCard/AuthorCard.module.scss
index eafc1e4a..7c121bf7 100644
--- a/src/components/Author/AuthorCard/AuthorCard.module.scss
+++ b/src/components/Author/AuthorCard/AuthorCard.module.scss
@@ -103,6 +103,14 @@
.icon img {
filter: invert(0);
}
+
+ .buttonSubscribeLabel {
+ display: none;
+ }
+
+ .buttonSubscribeLabelHovered {
+ display: block;
+ }
}
img {
@@ -110,6 +118,10 @@
}
}
+ .buttonSubscribeLabelHovered {
+ display: none;
+ }
+
.buttonWriteMessage {
border-radius: 0.8rem;
padding-bottom: 0.6rem;
diff --git a/src/components/Author/AuthorCard/AuthorCard.tsx b/src/components/Author/AuthorCard/AuthorCard.tsx
index e051e9e8..f8dcc344 100644
--- a/src/components/Author/AuthorCard/AuthorCard.tsx
+++ b/src/components/Author/AuthorCard/AuthorCard.tsx
@@ -100,7 +100,15 @@ export const AuthorCard = (props: Props) => {
if (isSubscribing()) {
return t('subscribing...')
}
- return t(subscribed() ? 'Unfollow' : 'Follow')
+
+ return !subscribed() ? (
+ t('Follow')
+ ) : (
+ <>
+ {t('Following')}
+ {t('Unfollow')}
+ >
+ )
}
return (