From d0a5e90907c9fc0868126fddb26942516168c740 Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Tue, 4 Mar 2025 15:59:32 +0100
Subject: [PATCH] update challenge modal

---
 src/components/challenge-modal/challenge-modal.module.css | 5 +++--
 src/components/challenge-modal/challenge-modal.tsx        | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/challenge-modal/challenge-modal.module.css b/src/components/challenge-modal/challenge-modal.module.css
index 19757cf5..2180e99d 100644
--- a/src/components/challenge-modal/challenge-modal.module.css
+++ b/src/components/challenge-modal/challenge-modal.module.css
@@ -1,7 +1,5 @@
 .container {
   position: fixed;
-  top: calc(50% - 150px);
-  left: calc(50% - 150px);
   display: block;
   padding: 2px;
   font-size: 10pt;
@@ -10,6 +8,9 @@
   z-index: 999;
   background-color: var(--challenge-modal-background-color);
   border: var(--challenge-modal-border);
+  will-change: transform;
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
 }
 
 .title {
diff --git a/src/components/challenge-modal/challenge-modal.tsx b/src/components/challenge-modal/challenge-modal.tsx
index 6a49ee7f..905f31c0 100644
--- a/src/components/challenge-modal/challenge-modal.tsx
+++ b/src/components/challenge-modal/challenge-modal.tsx
@@ -69,7 +69,7 @@ const Challenge = ({ challenge, closeModal }: ChallengeProps) => {
 
   const [{ x, y }, api] = useSpring(() => ({
     x: window.innerWidth / 2 - 150,
-    y: window.innerHeight / 2 - 400,
+    y: window.innerHeight / 2 - 200,
   }));
 
   const bind = useDrag(