diff --git a/ui/src/components/widgets/Table.svelte b/ui/src/components/widgets/Table.svelte
index 1104204..d265333 100644
--- a/ui/src/components/widgets/Table.svelte
+++ b/ui/src/components/widgets/Table.svelte
@@ -274,37 +274,32 @@
     width: 100%;
     table-layout: fixed;
 
-    border-spacing: 0;
-    border-collapse: collapse;
+    border-spacing: 0.5em 0;
 
     tr {
       &.left-active {
-        background: linear-gradient(
-          90deg,
-          rgba(255, 166, 0, 1) 0%,
-          rgba(0, 0, 0, 0) 50%
-        );
+        td:first-child {
+          background: linear-gradient(
+            90deg,
+            rgba(255, 166, 0, 1) 0%,
+            rgba(0, 0, 0, 0) 66%
+          );
+        }
       }
 
       &.right-active {
-        background: linear-gradient(
-          90deg,
-          rgba(255, 166, 0, 0) 50%,
-          rgba(255, 166, 0, 1) 100%
-        );
+        td:last-child {
+          background: linear-gradient(
+            90deg,
+            rgba(255, 166, 0, 0) 33%,
+            rgba(255, 166, 0, 1) 100%
+          );
+        }
       }
 
-      &.left-active.right-active {
-        background: linear-gradient(
-          90deg,
-          rgba(255, 166, 0, 1) 0%,
-          rgba(255, 166, 0, 0) 25%,
-          rgba(255, 166, 0, 0) 75%,
-          rgba(255, 166, 0, 1) 100%
-        );
+      td {
+        border-radius: 4px;
       }
-
-      border-radius: 4px;
     }
 
     th {
@@ -313,7 +308,6 @@
 
     td {
       font-family: var(--monospace-font);
-      padding-right: 1em;
       line-height: 1em;
       line-break: anywhere;