diff --git a/src/components/Widgets/GlNetworkInterfaces.vue b/src/components/Widgets/GlNetworkInterfaces.vue
index 69ecef24..3c990095 100644
--- a/src/components/Widgets/GlNetworkInterfaces.vue
+++ b/src/components/Widgets/GlNetworkInterfaces.vue
@@ -68,11 +68,11 @@ export default {
         networks.push({
           name: network.interface_name,
           speed: network.speed,
-          online: network.is_up ? 'up' : 'down',
-          currentDownload: network.rx,
-          currentUpload: network.tx,
-          totalDownload: network.cumulative_rx,
-          totalUpload: network.cumulative_tx,
+          online: network.speed ? 'up' : 'down', //v3 to v4 is_up no longer seems to be a default response field
+          currentDownload: network.bytes_recv,
+          currentUpload: network.bytes_sent,
+          totalDownload: network.bytes_recv_gauge,
+          totalUpload: network.bytes_sent_gauge,
           changeDownload: this.previous && network.rx > this.previous[index].rx,
           changeUpload: this.previous && network.tx > this.previous[index].tx,
         });
diff --git a/src/components/Widgets/GlNetworkTraffic.vue b/src/components/Widgets/GlNetworkTraffic.vue
index 7d9350e6..321b6c2a 100644
--- a/src/components/Widgets/GlNetworkTraffic.vue
+++ b/src/components/Widgets/GlNetworkTraffic.vue
@@ -33,8 +33,8 @@ export default {
       /* eslint-disable prefer-destructuring */
       Object.keys(trafficData).forEach((keyName) => {
         let upOrDown = null;
-        if (keyName.includes('_tx')) upOrDown = 'up';
-        else if (keyName.includes('_rx')) upOrDown = 'down';
+        if (keyName.includes('_sent')) upOrDown = 'up';
+        else if (keyName.includes('_recv')) upOrDown = 'down';
         trafficData[keyName].forEach((dataPoint) => {
           const dataTime = this.getRoundedTime(dataPoint[0]);
           if (upOrDown === 'up') {