From 6964b16633e85a4b9e0443a06a39b4aa6ae064e5 Mon Sep 17 00:00:00 2001
From: corgifist <sxuare.science@gmail.com>
Date: Sun, 3 Aug 2025 01:04:30 +0300
Subject: [PATCH] fixed red border in safari and bluriness in chrome

---
 src/components/swipe-to-delete/SwipeToDelete.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/swipe-to-delete/SwipeToDelete.tsx b/src/components/swipe-to-delete/SwipeToDelete.tsx
index a605c5a..98ce3be 100644
--- a/src/components/swipe-to-delete/SwipeToDelete.tsx
+++ b/src/components/swipe-to-delete/SwipeToDelete.tsx
@@ -245,13 +245,10 @@ const SwipeToDelete: FC<SwipeToDeleteProps> = ({
                 style={{
                     position: 'relative',
                     inset: 0,
-                    transform: `translateX(calc(${dragX}px - 0.5px))`,
+                    transform: `translateX(${Math.floor(dragX)}px)`,
                     transition: dragging
                         ? ''
-                        : 'transform 300ms cubic-bezier(0.24, 1.04, 0.56, 1)',
-                    willChange: 'transform',
-                    backfaceVisibility: 'hidden',
-                    transformStyle: 'preserve-3d'
+                        : 'transform 300ms cubic-bezier(0.24, 1.04, 0.56, 1)'
                 }}
             >
                 {children}