diff --git a/ui/src/views/network/CreateSharedNetworkForm.vue b/ui/src/views/network/CreateSharedNetworkForm.vue
index 7e9ddd8973c9..7b30362e2bad 100644
--- a/ui/src/views/network/CreateSharedNetworkForm.vue
+++ b/ui/src/views/network/CreateSharedNetworkForm.vue
@@ -696,21 +696,21 @@ export default {
     },
     handleNetworkOfferingChange (networkOffering) {
       this.selectedNetworkOffering = networkOffering
-      if (networkOffering) {
+      if (this.selectedNetworkOffering) {
         this.networkServiceProviderMap(this.selectedNetworkOffering.id)
       }
     },
     networkServiceProviderMap (id) {
       api('listNetworkOfferings', { id: id }).then(json => {
-        var networkOffering = json.listnetworkofferingsresponse.networkoffering[0]
+        const networkOffering = json.listnetworkofferingsresponse.networkoffering[0]
         const services = networkOffering.service
         this.selectedServiceProviderMap = {}
         for (const svc of services) {
           this.selectedServiceProviderMap[svc.name] = svc.provider[0].name
         }
-        var providers = Object.values(this.selectedServiceProviderMap)
+        const providers = Object.values(this.selectedServiceProviderMap)
         this.isVirtualRouterForAtLeastOneService = false
-        var self = this
+        const self = this
         providers.forEach(function (prvdr, idx) {
           if (prvdr === 'VirtualRouter') {
             self.isVirtualRouterForAtLeastOneService = true
@@ -821,6 +821,9 @@ export default {
         if (this.isValidTextValueForKey(values, 'ip4gateway')) {
           params.gateway = values.ip4gateway
         }
+        if (this.isValidTextValueForKey(values, 'routerip')) {
+          params.routerip = values.routerip
+        }
         if (this.isValidTextValueForKey(values, 'netmask')) {
           params.netmask = values.netmask
         }