diff --git a/web/locales/en/plugin__netobserv-plugin.json b/web/locales/en/plugin__netobserv-plugin.json
index 5a2954021..920f498a3 100644
--- a/web/locales/en/plugin__netobserv-plugin.json
+++ b/web/locales/en/plugin__netobserv-plugin.json
@@ -2,6 +2,7 @@
   "Ingress": "Ingress",
   "Egress": "Egress",
   "Inner": "Inner",
+  "Both": "Both",
   "n/a": "n/a",
   "View alert details": "View alert details",
   "View health dashboard": "View health dashboard",
@@ -20,7 +21,6 @@
   "In": "In",
   "B -> A": "B -> A",
   "Out": "Out",
-  "Both": "Both",
   "Average time": "Average time",
   "Average rate": "Average rate",
   "Latest time": "Latest time",
diff --git a/web/src/api/ipfix.ts b/web/src/api/ipfix.ts
index 8f89c4aa1..16f610c71 100644
--- a/web/src/api/ipfix.ts
+++ b/web/src/api/ipfix.ts
@@ -54,7 +54,9 @@ export enum FlowDirection {
   /** Outgoing traffic, from the node observation point */
   Egress = '1',
   /** Inner traffic, with the same source and destination node */
-  Inner = '2'
+  Inner = '2',
+  /** Both traffic (for Interface direction only), flow seen on both Ingress and Egress */
+  Both = '3'
 }
 
 export const getDirectionDisplayString = (value: FlowDirection, t: TFunction) => {
@@ -64,6 +66,8 @@ export const getDirectionDisplayString = (value: FlowDirection, t: TFunction) =>
     ? t('Egress')
     : value === FlowDirection.Inner
     ? t('Inner')
+    : value === FlowDirection.Both
+    ? t('Both')
     : t('n/a');
 };