From ea6fbc27e6d29d59c4419422a6a12c81d56c2c98 Mon Sep 17 00:00:00 2001
From: Hyden Liu <hydenliu518@gmail.com>
Date: Wed, 25 Sep 2024 17:35:26 +0800
Subject: [PATCH] fix: prevent translation popup from being obscured by time
 display (#631)

---
 apps/renderer/src/modules/entry-column/translation.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/renderer/src/modules/entry-column/translation.tsx b/apps/renderer/src/modules/entry-column/translation.tsx
index 2e584626b..7671c70a5 100644
--- a/apps/renderer/src/modules/entry-column/translation.tsx
+++ b/apps/renderer/src/modules/entry-column/translation.tsx
@@ -50,7 +50,7 @@ export const EntryTranslation: Component<{
       <HoverCard.Portal>
         <HoverCard.Content
           className={cn(
-            "group relative text-sm",
+            "group relative z-[1] text-sm",
             "animate-in fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
           )}
           style={useOverlay ? { width: bounds.width } : undefined}