diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index f4463e81..fb29d5e4 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -142,7 +142,10 @@ function MediaCardContent({
>
) : null}
-
e.preventDefault()}>
+
e.preventDefault()}
+ >
diff --git a/src/components/utils/Flare.css b/src/components/utils/Flare.css
index 1c17cda8..b46bdbc6 100644
--- a/src/components/utils/Flare.css
+++ b/src/components/utils/Flare.css
@@ -5,3 +5,12 @@
.hover\:flare-enabled:hover .flare-light {
opacity: 1 !important;
}
+
+.bookmark-button {
+ opacity: 0;
+ transition: opacity 0.3s;
+}
+
+.group:hover .bookmark-button {
+ opacity: 1;
+}