From ec8678cc4ee2b1a0d8c92588df91d2180be21bae Mon Sep 17 00:00:00 2001
From: Tommaso Casaburi <tom@bitsocial.net>
Date: Wed, 15 Apr 2026 14:44:46 +0700
Subject: [PATCH] fix(challenge modal): snap close button to whole pixels

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

diff --git a/src/components/challenge-modal/challenge-modal.module.css b/src/components/challenge-modal/challenge-modal.module.css
index 5da748c9..e557ca97 100644
--- a/src/components/challenge-modal/challenge-modal.module.css
+++ b/src/components/challenge-modal/challenge-modal.module.css
@@ -40,6 +40,8 @@
   border: none;
   image-rendering: pixelated;
   background-image: var(--close-button-background-image);
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
 .container input, .container textarea {
@@ -160,4 +162,4 @@
     border-left: none;
     border-right: none;
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/challenge-modal/challenge-modal.tsx b/src/components/challenge-modal/challenge-modal.tsx
index 7c96da91..f29ecd84 100644
--- a/src/components/challenge-modal/challenge-modal.tsx
+++ b/src/components/challenge-modal/challenge-modal.tsx
@@ -304,8 +304,8 @@ const Challenge = ({ challenge, closeModal, abandonModal }: ChallengeProps) => {
       className={containerClasses.join(' ')}
       ref={nodeRef}
       style={{
-        x: isMobile ? mobileX : x,
-        y: isMobile ? mobileY : y,
+        x: isMobile ? mobileX : x.to((value) => Math.round(value)),
+        y: isMobile ? mobileY : y.to((value) => Math.round(value)),
         touchAction: 'none',
       }}
     >