diff --git a/webui/src/components/Profile/Edit.js b/webui/src/components/Profile/Edit.js
index 033468cbd5..7d10a39e9e 100644
--- a/webui/src/components/Profile/Edit.js
+++ b/webui/src/components/Profile/Edit.js
@@ -319,7 +319,7 @@ const uiSchema = {
       classNames: "col-xs-5",
     },
     "op_type" : {
-      classNames: "col-xs-3",
+      classNames: "col-xs-4",
     },
     "op_value" : {
       classNames: "col-xs-8",
@@ -335,7 +335,14 @@ const uiSchema = {
   },
   "pdn": {
     "items": {
+      "apn": {
+        classNames: "col-xs-8",
+      },
+      "type": {
+        classNames: "col-xs-4",
+      },
       "qos": {
+        classNames: "col-xs-12",
         "qci": {
           "ui:widget": "radio",
           "ui:options": {
@@ -355,6 +362,7 @@ const uiSchema = {
         }
       },
       "ambr" : {
+        classNames: "col-xs-12",
         "downlink" : {
           classNames: "col-xs-6"
         },
@@ -363,6 +371,7 @@ const uiSchema = {
         },
       },
       "ue" : {
+        classNames: "col-xs-12",
         "addr" : {
           classNames: "col-xs-6"
         },
@@ -371,6 +380,7 @@ const uiSchema = {
         },
       },
       "pgw" : {
+        classNames: "col-xs-12",
         "addr" : {
           classNames: "col-xs-6"
         },
@@ -379,6 +389,7 @@ const uiSchema = {
         },
       },
       "pcc_rule": {
+        classNames: "col-xs-12",
         "items": {
           "flow": {
             "items": {
diff --git a/webui/src/components/Subscriber/Edit.js b/webui/src/components/Subscriber/Edit.js
index 03f838fb68..ae209cb2bf 100644
--- a/webui/src/components/Subscriber/Edit.js
+++ b/webui/src/components/Subscriber/Edit.js
@@ -325,7 +325,7 @@ const uiSchema = {
       classNames: "col-xs-5",
     },
     "op_type" : {
-      classNames: "col-xs-3",
+      classNames: "col-xs-4",
     },
     "op_value" : {
       classNames: "col-xs-8",
@@ -341,7 +341,14 @@ const uiSchema = {
   },
   "pdn": {
     "items": {
+      "apn": {
+        classNames: "col-xs-8",
+      },
+      "type": {
+        classNames: "col-xs-4",
+      },
       "qos": {
+        classNames: "col-xs-12",
         "qci": {
           "ui:widget": "radio",
           "ui:options": {
@@ -361,6 +368,7 @@ const uiSchema = {
         }
       },
       "ambr" : {
+        classNames: "col-xs-12",
         "downlink" : {
           classNames: "col-xs-6"
         },
@@ -369,6 +377,7 @@ const uiSchema = {
         },
       },
       "ue" : {
+        classNames: "col-xs-12",
         "addr" : {
           classNames: "col-xs-6"
         },
@@ -377,6 +386,7 @@ const uiSchema = {
         },
       },
       "pgw" : {
+        classNames: "col-xs-12",
         "addr" : {
           classNames: "col-xs-6"
         },
@@ -385,6 +395,7 @@ const uiSchema = {
         },
       },
       "pcc_rule": {
+        classNames: "col-xs-12",
         "items": {
           "flow": {
             "items": {
diff --git a/webui/src/components/Subscriber/View.js b/webui/src/components/Subscriber/View.js
index c64b0d3c5a..36559efa59 100644
--- a/webui/src/components/Subscriber/View.js
+++ b/webui/src/components/Subscriber/View.js
@@ -256,7 +256,6 @@ 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>
@@ -269,7 +268,6 @@ 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
@@ -310,7 +308,6 @@ 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