From f5f521300f59a0194a349342d2990e2c5d4bfd63 Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Wed, 9 Oct 2024 10:05:23 +0800
Subject: [PATCH] fix: layout shift

---
 apps/renderer/src/modules/discover/recommendations-card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/renderer/src/modules/discover/recommendations-card.tsx b/apps/renderer/src/modules/discover/recommendations-card.tsx
index aaf008cb1..e9166ac16 100644
--- a/apps/renderer/src/modules/discover/recommendations-card.tsx
+++ b/apps/renderer/src/modules/discover/recommendations-card.tsx
@@ -35,7 +35,7 @@ export const RecommendationCard: FC<RecommendationCardProps> = memo(({ data, rou
             >
               <button
                 type="button"
-                className="rounded p-0.5 duration-200 hover:bg-muted hover:px-1.5"
+                className="-translate-x-1.5 rounded p-0.5 px-1.5 duration-200 hover:translate-x-0 hover:bg-muted"
                 onClick={() => {
                   present({
                     id: `recommendation-content-${route}`,