1 files changed, 41 insertions, 4 deletions
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
index 48b914f4..41a88c2e 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
@@ -1,11 +1,14 @@
 <template>
-  <page-section :section-title="$t('pageInventory.bmcManager')">
+  <page-section
+    class="bootstrap-table__section"
+    :section-small-title="$t('pageInventory.bmcManager')"
+  >
     <b-table
+      class="bootstrap-rounded-table"
       responsive="md"
-      hover
+      show-empty
       :items="items"
       :fields="fields"
-      show-empty
       :empty-text="$t('global.table.emptyMessage')"
       :busy="isBusy"
     >
@@ -15,7 +18,6 @@
           variant="link"
           data-test-id="hardwareStatus-button-expandBmc"
           :title="expandRowLabel"
-          class="btn-icon-only"
           @click="toggleRowDetails(row)"
         >
           <icon-chevron />
@@ -243,3 +245,38 @@ 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;
+}
+
+.status__img {
+  margin-right: 7px;
+}
+
+.bold-12px__caps {
+  color: $text-secondary;
+}
+
+.attrib-names {
+  border-bottom: 1px solid $faint-secondary-primary-10;
+  color: $text-secondary !important;
+  font-weight: 600;
+}
+
+.custom-switch {
+  margin: 0;
+}
+
+.btn-link {
+  width: 30px !important;
+  height: 20px !important;
+}
+</style>