From bb112c6b9d91877f9a38243341de31a17a5934cb Mon Sep 17 00:00:00 2001
From: MaheshtheDev <mahesh.svmr@gmail.com>
Date: Wed, 18 Sep 2024 11:14:59 -0700
Subject: [PATCH] fix: horizontal overflow

---
 apps/extension/content/ContentApp.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/extension/content/ContentApp.tsx b/apps/extension/content/ContentApp.tsx
index 9d56b420..f8b28416 100644
--- a/apps/extension/content/ContentApp.tsx
+++ b/apps/extension/content/ContentApp.tsx
@@ -488,7 +488,7 @@ export default function ContentApp({
 				</PopoverContent>
 			</Popover>
 			<div
-				className={`${hover ? "opacity-100" : "pointer-events-none translate-x-3/4"} focus-within:translate-x-0 focus-visible:translate-x-0 h-12 w-5 hover:bg-yellow-300 transition pl-2 bg-secondary border-2 border-border opacity-0 flex items-center text-lg`}
+				className={`${hover ? "opacity-100 block" : "pointer-events-none translate-x-3/4 hidden"} focus-within:translate-x-0 focus-visible:translate-x-0 h-12 w-5 hover:bg-yellow-300 transition pl-2 bg-secondary border-2 border-border opacity-0 flex items-center text-lg`}
 				style={{
 					cursor: `url("data:image/svg+xml,${encodedSvgCursor}"), auto`,
 					position: "absolute",