diff --git a/src/views/HardwareStatus/Inventory/Inventory.vue b/src/views/HardwareStatus/Inventory/Inventory.vue
index c1b727017b..0e2ea4b823 100644
--- a/src/views/HardwareStatus/Inventory/Inventory.vue
+++ b/src/views/HardwareStatus/Inventory/Inventory.vue
@@ -10,7 +10,7 @@
     <b-row>
       <b-col>
         <b-card no-body>
-          <b-tabs content-class="mt-3" fill>
+          <b-tabs content-class="mt-3" active-nav-item-class="text-dark" fill>
             <b-tab
               v-for="(value, index) in chassis"
               :key="index"
diff --git a/src/views/Settings/HardwareDeconfiguration/HardwareDeconfiguration.vue b/src/views/Settings/HardwareDeconfiguration/HardwareDeconfiguration.vue
index 31043ef551..f11ee75aa3 100644
--- a/src/views/Settings/HardwareDeconfiguration/HardwareDeconfiguration.vue
+++ b/src/views/Settings/HardwareDeconfiguration/HardwareDeconfiguration.vue
@@ -18,7 +18,7 @@
       <b-row>
         <b-col>
           <b-card no-body>
-            <b-tabs content-class="mt-3" fill>
+            <b-tabs content-class="mt-3" active-nav-item-class="text-dark" fill>
               <b-tab :title="$t('pageDeconfigurationHardware.memoryDimms')">
                 <memory-dimms />
               </b-tab>
diff --git a/src/views/Settings/Network/Network.vue b/src/views/Settings/Network/Network.vue
index 8256f008a6..336b5dd1f2 100644
--- a/src/views/Settings/Network/Network.vue
+++ b/src/views/Settings/Network/Network.vue
@@ -8,7 +8,7 @@
       <b-row>
         <b-col>
           <b-card no-body>
-            <b-tabs content-class="mt-3 p-4">
+            <b-tabs content-class="mt-3 p-4" active-nav-item-class="text-dark">
               <b-tab
                 v-for="(data, index) in network"
                 :key="data.id"