diff --git a/vite-frontend/src/pages/forward.tsx b/vite-frontend/src/pages/forward.tsx index a1cd0aa..6bea80b 100644 --- a/vite-frontend/src/pages/forward.tsx +++ b/vite-frontend/src/pages/forward.tsx @@ -1175,11 +1175,14 @@ export default function ForwardPage() { isDragging, } = useSortable({ id: forward.id }); - const style = { + const style: React.CSSProperties = { transform: transform ? CSS.Transform.toString(transform) : undefined, transition: isDragging ? undefined : transition || undefined, opacity: isDragging ? 0.5 : 1, willChange: "transform", + backfaceVisibility: "hidden", + WebkitFontSmoothing: "antialiased", + MozOsxFontSmoothing: "grayscale", }; return ( diff --git a/vite-frontend/src/pages/node.tsx b/vite-frontend/src/pages/node.tsx index 2ff5562..431a928 100644 --- a/vite-frontend/src/pages/node.tsx +++ b/vite-frontend/src/pages/node.tsx @@ -129,11 +129,14 @@ const SortableItem = ({ isDragging, } = useSortable({ id }); - const style = { + const style: React.CSSProperties = { transform: transform ? CSS.Transform.toString(transform) : undefined, transition: isDragging ? undefined : transition || undefined, opacity: isDragging ? 0.5 : 1, willChange: "transform", + backfaceVisibility: "hidden", + WebkitFontSmoothing: "antialiased", + MozOsxFontSmoothing: "grayscale", }; return ( diff --git a/vite-frontend/src/pages/tunnel.tsx b/vite-frontend/src/pages/tunnel.tsx index accb43a..b7eb4fa 100644 --- a/vite-frontend/src/pages/tunnel.tsx +++ b/vite-frontend/src/pages/tunnel.tsx @@ -666,11 +666,14 @@ export default function TunnelPage() { isDragging, } = useSortable({ id }); - const style = { + const style: React.CSSProperties = { transform: transform ? CSS.Transform.toString(transform) : undefined, transition: isDragging ? undefined : transition || undefined, opacity: isDragging ? 0.5 : 1, willChange: "transform", + backfaceVisibility: "hidden", + WebkitFontSmoothing: "antialiased", + MozOsxFontSmoothing: "grayscale", }; return (