fix: help text pointer overlap (#2486)

theopensystemslab · Nov 27, 2023 · 1f115b5 · 1f115b5
1 parent 255204a
commit 1f115b5
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/editor.planx.uk/src/@planx/components/shared/Preview/QuestionHeader.tsx b/editor.planx.uk/src/@planx/components/shared/Preview/QuestionHeader.tsx
@@ -47,6 +47,7 @@ const HelpButtonWrapper = styled(Box)(({ theme }) => ({
   width: HelpButtonMinWidth,
   top: "-4px",
   right: "-6px",
+  pointerEvents: "none",
   [theme.breakpoints.up("md")]: {
     width: "80px",
     top: 0,
@@ -72,6 +73,7 @@ export const HelpButton = styled(Button)(({ theme }) => ({
   boxShadow: "none",
   fontSize: "1.125em",
   filter: "drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.5))",
+  pointerEvents: "auto",
   [theme.breakpoints.up("lg")]: {
     minHeight: "48px",
     fontSize: "1.25em",