Stop text moving on cell hover

iterative · Aug 16, 2022 · e564bb3 · e564bb3
1 parent dd32e71
commit e564bb3
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/webview/src/experiments/components/table/styles.module.scss b/webview/src/experiments/components/table/styles.module.scss
@@ -264,21 +264,26 @@ $workspace-row-edge-margin: $edge-padding - $cell-padding;
     position: relative;
 
     &:hover:not(.rowSelected) {
+      .td {
+        border-right-color: $row-hover-background-color;
+        border-left-color: $row-hover-background-color;
+      }
+
       .td:not(.experimentCell),
       .experimentCell:before {
         background-color: $row-hover-background-color;
       }
 
       .td:hover {
-        border-right: $row-border;
-        border-left: $row-border;
+        border-right-color: $border-color;
+        border-left-color: $border-color;
 
         &:first-child {
-          border-left: none;
+          border-left-color: $row-hover-background-color;
         }
 
         &:last-child {
-          border-right: none;
+          border-right-color: $row-hover-background-color;
         }
       }
     }
@@ -432,6 +437,8 @@ $workspace-row-edge-margin: $edge-padding - $cell-padding;
     font-size: 0.8rem;
     line-height: 2rem;
     align-items: center;
+    border-right: 1px solid $row-bg-color;
+    border-left: 1px solid $row-bg-color;
 
     &:first-child {
       .innerCell {