diff --git a/ui/src/app/widget/lib/trajectory-viewer/trajectory-viewer2D.js b/ui/src/app/widget/lib/trajectory-viewer/trajectory-viewer2D.js
index 7d2b950a2..34c9601da 100644
--- a/ui/src/app/widget/lib/trajectory-viewer/trajectory-viewer2D.js
+++ b/ui/src/app/widget/lib/trajectory-viewer/trajectory-viewer2D.js
@@ -159,6 +159,10 @@ export function plot(xArray, yArray) {
       l: 40, //left margin
       r: 40, //right margin
       b: 40 //bottom margin
+    },
+    yaxis: {
+      autorange: "reversed",
+      scaleanchor: "x"
     }
   };
 
@@ -232,7 +236,7 @@ export function init(widgetContext) {
   var xArray = [], yArray = [];
   xy.forEach(point => {
     xArray.push(point.x);
-    yArray.push(point.y);
+    yArray.push(-point.y); // this is a THREE.js thing that causes TVD to be negative. Will remove when THREE is gone
   });
 
   //plot the coordinates
diff --git a/ui/src/app/widget/lib/trajectory-viewer/trajectory-viewer3D.js b/ui/src/app/widget/lib/trajectory-viewer/trajectory-viewer3D.js
index bea99d582..d94fc0e75 100644
--- a/ui/src/app/widget/lib/trajectory-viewer/trajectory-viewer3D.js
+++ b/ui/src/app/widget/lib/trajectory-viewer/trajectory-viewer3D.js
@@ -76,14 +76,18 @@ export function plot(xArray, yArray, zArray) {
       b: 40 //bottom margin
     },
     scene: {
+      aspectmode: 'data',
       xaxis: {
-        title: 'East'
+        title: 'East',
+        nticks: 4
       },
       yaxis: {
-        title: 'North'
+        title: 'North',
+        nticks: 4
       },
       zaxis: {
-        title: 'TVD'
+        title: 'TVD',
+        autorange: "reversed"
       }
     }
   };