diff --git a/webui/src/components/Profile/Edit.js b/webui/src/components/Profile/Edit.js
index 9c43c39fb1..87ce48c690 100644
--- a/webui/src/components/Profile/Edit.js
+++ b/webui/src/components/Profile/Edit.js
@@ -127,6 +127,13 @@ const schema = {
               }
             }
           },
+          "type": {
+            "type": "number",
+            "title": "Type*",
+            "enum": [0, 1, 2],
+            "enumNames": ["IPv4", "IPv6", "IPv4v6"],
+            "default": 0,
+          },
           "ambr": {
             "type": "object",
             "title": "",
diff --git a/webui/src/components/Subscriber/Edit.js b/webui/src/components/Subscriber/Edit.js
index 21a77fc95e..f1d6656ccd 100644
--- a/webui/src/components/Subscriber/Edit.js
+++ b/webui/src/components/Subscriber/Edit.js
@@ -133,6 +133,13 @@ const schema = {
               }
             }
           },
+          "type": {
+            "type": "number",
+            "title": "Type*",
+            "enum": [0, 1, 2],
+            "enumNames": ["IPv4", "IPv6", "IPv4v6"],
+            "default": 0,
+          },          
           "ambr": {
             "type": "object",
             "title": "",
diff --git a/webui/src/components/Subscriber/View.js b/webui/src/components/Subscriber/View.js
index e48751c846..65e192623a 100644
--- a/webui/src/components/Subscriber/View.js
+++ b/webui/src/components/Subscriber/View.js
@@ -255,6 +255,7 @@ const View = ({ visible, disableOnClickOutside, subscriber, onEdit, onDelete, on
                 <div className="small_data">ARP</div>
                 <div className="medium_data">Capability</div>
                 <div className="medium_data">Vulnerablility</div>
+                <div className="medium_data">Type</div>
                 <div className="large_data">MBR DL/UL(Kbps)</div>
                 <div className="large_data">GBR DL/UL(Kbps)</div>
               </div>
@@ -266,6 +267,7 @@ const View = ({ visible, disableOnClickOutside, subscriber, onEdit, onDelete, on
                     <div className="small_data">{pdn.qos.arp.priority_level}</div>
                     <div className="medium_data">{pdn.qos.arp.pre_emption_capability === 1 ? "Disabled" : "Enabled"}</div>
                     <div className="medium_data">{pdn.qos.arp.pre_emption_vulnerability === 1 ? "Disabled" : "Enabled"}</div>
+                    <div className="medium_data">{pdn.type === 0 ? "IPv4" : (pdn.type === 1 ? "IPv6" : "IPv4v6")}</div>
                     {pdn['ambr'] === undefined ? 
                       <div className="large_data">
                         unlimited/unlimited
@@ -305,6 +307,7 @@ const View = ({ visible, disableOnClickOutside, subscriber, onEdit, onDelete, on
                           <div className="small_data">{pcc_rule.qos.arp.priority_level}</div>
                           <div className="medium_data">{pcc_rule.qos.arp.pre_emption_capability === 1 ? "Disabled" : "Enabled"}</div>
                           <div className="medium_data">{pcc_rule.qos.arp.pre_emption_vulnerability === 1 ? "Disabled" : "Enabled"}</div>
+                          <div className="medium_data">{pdn.type === 0 ? "IPv4" : (pdn.type === 1 ? "IPv6" : "IPv4v6")}</div>
                           {pcc_rule.qos['mbr'] === undefined ? 
                             <div className="large_data">
                               unlimited/unlimited