From e6058b09a740fc6f13bd36c37d6a80a010901c1a Mon Sep 17 00:00:00 2001
From: Pearl Dsilva <pearl1594@gmail.com>
Date: Wed, 15 Sep 2021 18:11:48 +0530
Subject: [PATCH] ui: Fix Load Balancer Rules alignment issue (#5451)

---
 ui/src/views/network/IngressEgressRuleConfigure.vue | 3 +++
 ui/src/views/network/LoadBalancing.vue              | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/ui/src/views/network/IngressEgressRuleConfigure.vue b/ui/src/views/network/IngressEgressRuleConfigure.vue
index ec6e9dfb542..060399b68de 100644
--- a/ui/src/views/network/IngressEgressRuleConfigure.vue
+++ b/ui/src/views/network/IngressEgressRuleConfigure.vue
@@ -282,6 +282,9 @@ export default {
       this.rules = this.tabType === 'ingress' ? this.resource.ingressrule : this.resource.egressrule
     },
     getCapitalise (val) {
+      if (!val) {
+        return
+      }
       if (val === 'all') return this.$t('label.all')
       return val.toUpperCase()
     },
diff --git a/ui/src/views/network/LoadBalancing.vue b/ui/src/views/network/LoadBalancing.vue
index ce92f433e6f..362c0f1d94d 100644
--- a/ui/src/views/network/LoadBalancing.vue
+++ b/ui/src/views/network/LoadBalancing.vue
@@ -736,6 +736,9 @@ export default {
       return 'Configure'
     },
     getCapitalise (val) {
+      if (!val) {
+        return
+      }
       if (val === 'all') return this.$t('label.all')
       return val.toUpperCase()
     },