From d37adee5df8176388a03d798adb8cff08a8088ae Mon Sep 17 00:00:00 2001
From: sagitchu <sagitchu@gmail.com>
Date: Sun, 22 Feb 2026 16:53:35 +0800
Subject: [PATCH] fix(frontend): resolve remaining font blur in node and
 forward cards

---
 vite-frontend/src/pages/forward.tsx | 21 +++++++++++++++------
 vite-frontend/src/pages/node.tsx    | 13 ++++++++-----
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/vite-frontend/src/pages/forward.tsx b/vite-frontend/src/pages/forward.tsx
index dacfeb0..b169357 100644
--- a/vite-frontend/src/pages/forward.tsx
+++ b/vite-frontend/src/pages/forward.tsx
@@ -1188,13 +1188,16 @@ export default function ForwardPage() {
     } = useSortable({ id: forward.id });
 
     const style: React.CSSProperties = {
-      transform: transform ? CSS.Transform.toString(transform) : undefined,
+      transform: transform
+        ? CSS.Transform.toString({
+            ...transform,
+            x: Math.round(transform.x),
+            y: Math.round(transform.y),
+          })
+        : undefined,
       transition: isDragging ? undefined : transition || undefined,
       opacity: isDragging ? 0.5 : 1,
-      willChange: "transform",
-      backfaceVisibility: "hidden",
-      WebkitFontSmoothing: "antialiased",
-      MozOsxFontSmoothing: "grayscale",
+      willChange: isDragging ? "transform" : undefined,
     };
 
     return (
@@ -1246,7 +1249,13 @@ export default function ForwardPage() {
     } = useSortable({ id: forward.id });
 
     const style = {
-      transform: transform ? CSS.Transform.toString(transform) : undefined,
+      transform: transform
+        ? CSS.Transform.toString({
+            ...transform,
+            x: Math.round(transform.x),
+            y: Math.round(transform.y),
+          })
+        : undefined,
       transition: isDragging ? undefined : transition || undefined,
       opacity: isDragging ? 0.5 : 1,
       backgroundColor: isDragging ? "var(--nextui-default-100)" : undefined,
diff --git a/vite-frontend/src/pages/node.tsx b/vite-frontend/src/pages/node.tsx
index e3a1c3c..dec7408 100644
--- a/vite-frontend/src/pages/node.tsx
+++ b/vite-frontend/src/pages/node.tsx
@@ -130,13 +130,16 @@ const SortableItem = ({
   } = useSortable({ id });
 
   const style: React.CSSProperties = {
-    transform: transform ? CSS.Transform.toString(transform) : undefined,
+    transform: transform
+      ? CSS.Transform.toString({
+          ...transform,
+          x: Math.round(transform.x),
+          y: Math.round(transform.y),
+        })
+      : undefined,
     transition: isDragging ? undefined : transition || undefined,
     opacity: isDragging ? 0.5 : 1,
-    willChange: "transform",
-    backfaceVisibility: "hidden",
-    WebkitFontSmoothing: "antialiased",
-    MozOsxFontSmoothing: "grayscale",
+    willChange: isDragging ? "transform" : undefined,
   };
 
   return (