fix tables global styles

1 files changed, 2 insertions, 28 deletions

diff --git a/src/components/Global/SilaComponents/Tables/AccessoryTableDrivers.vue b/src/components/Global/SilaComponents/Tables/AccessoryTableDrivers.vue
index 120a03a3..1f511ffc 100644
--- a/src/components/Global/SilaComponents/Tables/AccessoryTableDrivers.vue
+++ b/src/components/Global/SilaComponents/Tables/AccessoryTableDrivers.vue
@@ -5,7 +5,8 @@
     </span>
     <b-table
       responsive="md"
-      class="bootstrap-fans-table bootstrap-fans-table__stripes"
+      class="table-accessory"
+      no-border-collapse
       :items="records.items"
       :fields="records.fields"
     >
@@ -70,33 +71,6 @@ export default {
   },
 };
 </script>
-<style lang="scss">
-.bootstrap-fans-table__th {
-  background-color: transparent !important;
-  color: $text-primary !important;
-  border-top: none !important;
-  padding: 10px 5px !important;
-  border-bottom: 1px solid $faint-secondary-primary-10;
-}
-
-.bootstrap-fans-table__td {
-  padding: 5px !important;
-  border-top: none !important;
-}
-
-.SMART-table-col-first {
-  width: 34%;
-}
-
-.SMART-table-col-second {
-  width: 32%;
-}
-
-.SMART-table-col-last {
-  width: 39%;
-}
-</style>
-
 <style lang="scss" scoped>
 .fans-colors {
   display: inline-block;