1 files changed, 46 insertions, 29 deletions

diff --git a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
index 41a88c2e..21a07e5f 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
@@ -18,6 +18,7 @@
           variant="link"
           data-test-id="hardwareStatus-button-expandBmc"
           :title="expandRowLabel"
+          class="btn-icon-only"
           @click="toggleRowDetails(row)"
         >
           <icon-chevron />
@@ -183,27 +184,43 @@ export default {
         {
           key: 'expandRow',
           label: '',
-          tdClass: 'table-row-expand',
+          thStyle: { maxWidth: '27px' },
+          tdStyle: { maxWidth: '27px' },
+          thClass: 'bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-first',
+          tdClass: 'table-row-expand bootstrap-rounded-table__td',
         },
         {
           key: 'id',
           label: this.$t('pageInventory.table.id'),
           formatter: this.dataFormatter,
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-center',
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'health',
           label: this.$t('pageInventory.table.health'),
           formatter: this.dataFormatter,
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-center',
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'locationNumber',
           label: this.$t('pageInventory.table.locationNumber'),
           formatter: this.dataFormatter,
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-center',
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'identifyLed',
           label: this.$t('pageInventory.table.identifyLed'),
           formatter: this.dataFormatter,
+          thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-last',
+          tdClass: ' bootstrap-rounded-table__td',
         },
       ],
       expandRowLabel: expandRowLabel,
@@ -246,37 +263,37 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.row {
-  margin: 0px;
-  flex-wrap: nowrap;
-}
-.fans-table-col-first__cell {
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-  justify-content: flex-start;
-}
+// .row {
+//   margin: 0px;
+//   flex-wrap: nowrap;
+// }
+// .fans-table-col-first__cell {
+//   display: flex;
+//   flex-flow: row nowrap;
+//   align-items: center;
+//   justify-content: flex-start;
+// }
 
-.status__img {
-  margin-right: 7px;
-}
+// .status__img {
+//   margin-right: 7px;
+// }
 
-.bold-12px__caps {
-  color: $text-secondary;
-}
+// .bold-12px__caps {
+//   color: $text-secondary;
+// }
 
-.attrib-names {
-  border-bottom: 1px solid $faint-secondary-primary-10;
-  color: $text-secondary !important;
-  font-weight: 600;
-}
+// .attrib-names {
+//   border-bottom: 1px solid $faint-secondary-primary-10;
+//   color: $text-secondary !important;
+//   font-weight: 600;
+// }
 
-.custom-switch {
-  margin: 0;
-}
+// .custom-switch {
+//   margin: 0;
+// }
 
-.btn-link {
-  width: 30px !important;
-  height: 20px !important;
-}
+// .btn-link {
+//   width: 30px !important;
+//   height: 20px !important;
+// }
 </style>