fix global tables style

1 files changed, 29 insertions, 1 deletions

diff --git a/src/assets/styles/bmc/_sila/_tables.scss b/src/assets/styles/bmc/_sila/_tables.scss
index ff168b13..5344249a 100644
--- a/src/assets/styles/bmc/_sila/_tables.scss
+++ b/src/assets/styles/bmc/_sila/_tables.scss
@@ -2,10 +2,34 @@
   position: relative;
   z-index: $zindex-dropdown;
   border: 1px solid $gray-30;
+  border-radius: $border-radius;
+  border-collapse: separate;
+  border-spacing: 0px;
 
   thead {
     th {
       border: none;
+      &:first-child {
+        border-radius: $border-radius 0 0 0;
+      }
+      &:last-child {
+        border-radius: 0 $border-radius 0 0;
+      }
+  }
+  }
+
+  tbody { 
+    tr {
+      border: none;
+      &:first-child {
+        border-radius: 0 0 0 $border-radius;
+      }
+      &:last-child {
+        border-radius: 0 0 $border-radius 0;
+      }
+      &.b-table-details:hover {
+        background-color: transparent;
+      }
     }
   }
 
@@ -25,7 +49,7 @@
 
   // thead-light added for specificity
   .thead-light th {
-    background-color: $surface-secondary;
+    background-color: $gray-10;
     vertical-align: middle;
     text-transform: uppercase;
     color: $text-primary;
@@ -101,6 +125,10 @@
   }
 }
 
+.table-hover tbody tr:hover {
+  background-color: $gray-5;
+}
+
 .b-table-sticky-header td {
   border-top: none;
 }