diff --git a/webui/src/components/SurfaceColumn.svelte b/webui/src/components/SurfaceColumn.svelte
index 48c930a..dc395b3 100644
--- a/webui/src/components/SurfaceColumn.svelte
+++ b/webui/src/components/SurfaceColumn.svelte
@@ -162,6 +162,21 @@
 
         gX.call(xAxis.scale(transform.rescaleX(xScale)));
         gY.call(yAxis.scale(transform.rescaleY(yScale)));
+
+        updateStyles();
+      }
+
+      function updateStyles() {
+        svg
+          .selectAll(".tick line")
+          .attr("stroke-width", (d: number) => {
+            return d === 0 ? 2 : 1;
+          })
+          .attr("stroke", function (d: number) {
+            return d === 0
+              ? "var(--foreground-lightest)"
+              : "var(--foreground-lighter)";
+          });
       }
 
       // function reset() {
@@ -355,6 +370,7 @@
     :global(.tick text) {
       color: var(--foreground-lightest);
       font-size: 1rem;
+      text-shadow: 0 0 0.25em var(--background);
     }
 
     .content {