From b0ceefa0ee1b0d4f974bdb4ad5fd2f79328c5846 Mon Sep 17 00:00:00 2001
From: MaheshtheDev <mahesh.svmr@gmail.com>
Date: Wed, 18 Sep 2024 15:39:29 -0700
Subject: fix: drag and import icons scrolling over page

---
 apps/extension/content/ContentApp.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/extension/content/ContentApp.tsx b/apps/extension/content/ContentApp.tsx
index f8b28416..89abf600 100644
--- a/apps/extension/content/ContentApp.tsx
+++ b/apps/extension/content/ContentApp.tsx
@@ -491,7 +491,7 @@ export default function ContentApp({
 				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",
+					position: "fixed",
 					bottom: `${position.y}px`,
 					right: "0px",
 				}}
@@ -546,7 +546,7 @@ export default function ContentApp({
 						<Tooltip>
 							<TooltipTrigger asChild>
 								<PopoverTrigger
-									className={`${hover || isPopover2Open ? "opacity-100" : "opacity-75 pointer-events-none translate-x-3/4"} focus-within:translate-x-0 focus-visible:translate-x-0 size-12 hover:bg-black p-2 rounded-l-2xl transition bg-secondary border-2 border-border opacity-0 absolute flex bottom-6 items-center text-lg`}
+									className={`${hover || isPopover2Open ? "opacity-100" : "opacity-75 pointer-events-none translate-x-3/4"} focus-within:translate-x-0 focus-visible:translate-x-0 size-12 hover:bg-black p-2 rounded-l-2xl transition bg-secondary border-2 border-border opacity-0 fixed flex bottom-6 items-center text-lg`}
 								>
 									<svg
 										xmlns="http://www.w3.org/2000/svg"
-- 
cgit v1.2.3