diff --git a/app/routes/CropSelector.tsx b/app/routes/CropSelector.tsx
index 4cc0c21..b4f2c39 100644
--- a/app/routes/CropSelector.tsx
+++ b/app/routes/CropSelector.tsx
@@ -42,7 +42,7 @@ export default function CropSelector() {
   }, [firstDragable, secondDragable]);
 
   return (
-    <div className="flex h-screen w-screen justify-center items-center">
+    <div className="flex flex-col h-screen w-screen justify-center items-center">
       <div ref={containerRef} className="relative w-1/3 h-1/3 border-black border">
         {containerHeight !== null && containerWidth !== null && (
           <>
@@ -64,10 +64,10 @@ export default function CropSelector() {
           </>
         )}
       </div>
-      <div className="flex flex-col">
+      <div className="flex flex-col text-left">
         <p>{containerWidth} - {containerHeight}</p>
-        <p>firstDragable: {...Object.entries(firstDragable)}</p>
-        <p>secondDragable: {...Object.entries(secondDragable)}</p>
+        <p>firstDragable: x: {firstDragable.x.toFixed(2)} y: {firstDragable.y.toFixed(2)}</p>
+        <p>secondDragable: x: {secondDragable.x.toFixed(2)} y: {secondDragable.y.toFixed(2)}</p>
       </div>
     </div>
   );