From f7c9855489c72042e76ed469458334a7f8347344 Mon Sep 17 00:00:00 2001
From: Reece <reece@stirlingpdf.com>
Date: Mon, 20 Oct 2025 21:45:00 +0100
Subject: [PATCH] glow scaling

---
 frontend/src/components/pageEditor/PageThumbnail.tsx      | 3 ++-
 frontend/src/components/shared/HoverActionMenu.module.css | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/pageEditor/PageThumbnail.tsx b/frontend/src/components/pageEditor/PageThumbnail.tsx
index 919891d2a8..1b51f225cd 100644
--- a/frontend/src/components/pageEditor/PageThumbnail.tsx
+++ b/frontend/src/components/pageEditor/PageThumbnail.tsx
@@ -367,6 +367,7 @@ const PageThumbnail: React.FC<PageThumbnailProps> = ({
         width: `calc(20rem * ${zoomLevel})`,
         height: `calc(20rem * ${zoomLevel})`,
         transition: isAnimating ? 'none' : 'transform 0.2s ease-in-out',
+        zIndex: isHovered ? 50 : 1,
         ...(isBoxSelected && {
           boxShadow: '0 0 0 4px rgba(59, 130, 246, 0.5)',
         }),
@@ -418,7 +419,7 @@ const PageThumbnail: React.FC<PageThumbnailProps> = ({
             height: '100%',
             backgroundColor: 'var(--mantine-color-gray-1)',
             borderRadius: 6,
-            boxShadow: page.isBlankPage ? 'none' : `0 0 8px 4px ${fileColorBorder}`,
+            boxShadow: page.isBlankPage ? 'none' : `0 0 ${4 + 4 * zoomLevel}px 3px ${fileColorBorder}`,
             padding: 4,
             display: 'flex',
             alignItems: 'center',
diff --git a/frontend/src/components/shared/HoverActionMenu.module.css b/frontend/src/components/shared/HoverActionMenu.module.css
index 27974f152a..d4ab5086c5 100644
--- a/frontend/src/components/shared/HoverActionMenu.module.css
+++ b/frontend/src/components/shared/HoverActionMenu.module.css
@@ -11,7 +11,7 @@
   padding: 6px 12px;
   border-radius: 20px;
   box-shadow: var(--shadow-md);
-  z-index: 30;
+  z-index: 100;
   white-space: nowrap;
   pointer-events: auto;
   transition: opacity 0.2s ease-in-out;