3 files changed, 10 insertions, 27 deletions
diff --git a/src/views/Settings/Network/Network.vue b/src/views/Settings/Network/Network.vue
index 2d8fd61d..50442be4 100644
--- a/src/views/Settings/Network/Network.vue
+++ b/src/views/Settings/Network/Network.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-container fluid="m-0 p-0" class="page-network">
+  <b-container id="page-network" fluid="m-0 p-0">
     <page-title :description="$t('pageNetwork.pageDescription')" />
 
     <page-section v-show="ethernetData" class="m-4">
diff --git a/src/views/Settings/Network/TableDns.vue b/src/views/Settings/Network/TableDns.vue
index 1ad8f436..c37c6e9f 100644
--- a/src/views/Settings/Network/TableDns.vue
+++ b/src/views/Settings/Network/TableDns.vue
@@ -11,10 +11,11 @@
         <b-table
           responsive="md"
           hover
+          no-border-collapse
           :fields="dnsTableFields"
           :items="form.dnsStaticTableItems"
           :empty-text="$t('global.table.emptyMessage')"
-          class="bootstrap-rounded-table mb-0"
+          class="mb-0"
           show-empty
         >
           <template #cell(actions)="{ item, index }">
@@ -82,18 +83,13 @@ export default {
         {
           key: 'address',
           label: this.$t('pageNetwork.table.ipAddress'),
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-first',
-          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'actions',
           thStyle: { width: '30%' },
           label: this.$t('pageNetwork.table.actions'),
-          thClass:
-            'text-right semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-last',
-          tdClass: 'text-right bootstrap-rounded-table__td',
+          thClass: 'text-right',
+          tdClass: 'text-right',
         },
       ],
     };
diff --git a/src/views/Settings/Network/TableIpv4.vue b/src/views/Settings/Network/TableIpv4.vue
index 7481dc7b..6514a59c 100644
--- a/src/views/Settings/Network/TableIpv4.vue
+++ b/src/views/Settings/Network/TableIpv4.vue
@@ -16,11 +16,12 @@
     <b-table
       responsive="md"
       hover
+      class="mb-0"
+      show-empty
+      no-border-collapse
       :fields="ipv4TableFields"
       :items="form.ipv4TableItems"
       :empty-text="$t('global.table.emptyMessage')"
-      class="bootstrap-rounded-table mb-0"
-      show-empty
     >
       <template #cell(actions)="{ item, index }">
         <table-row-action
@@ -87,41 +88,27 @@ export default {
           key: 'Address',
           label: this.$t('pageNetwork.table.ipAddress'),
           thStyle: { width: '20%' },
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-first',
-          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'Gateway',
           label: this.$t('pageNetwork.table.gateway'),
           thStyle: { width: '20%' },
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'SubnetMask',
           label: this.$t('pageNetwork.table.subnet'),
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'AddressOrigin',
           label: this.$t('pageNetwork.table.addressOrigin'),
           thStyle: { width: '20%' },
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'actions',
           label: this.$t('pageNetwork.table.actions'),
           thStyle: { width: '10%' },
-          thClass:
-            'text-right semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-last',
-          tdClass: 'text-right bootstrap-rounded-table__td',
+          thClass: 'text-right',
+          tdClass: 'text-right',
         },
       ],
     };