diff --git a/webui/src/components/_commons/Chips.vue b/webui/src/components/_commons/Chips.vue
index 4108f6d27..531723a22 100644
--- a/webui/src/components/_commons/Chips.vue
+++ b/webui/src/components/_commons/Chips.vue
@@ -14,7 +14,7 @@
 <script>
 export default {
   props: {
-    dense: Boolean,
+    dense: { type: Boolean, default: undefined },
     classNames: Array[String],
     list: Array[Object]
   }
diff --git a/webui/src/components/_commons/PanelHealthCheck.vue b/webui/src/components/_commons/PanelHealthCheck.vue
index 0d1689d0d..7ac03a7bc 100644
--- a/webui/src/components/_commons/PanelHealthCheck.vue
+++ b/webui/src/components/_commons/PanelHealthCheck.vue
@@ -138,7 +138,7 @@ export default {
   },
   props: {
     data: { type: Object, default: undefined, required: false },
-    dense: Boolean
+    dense: { type: Boolean, default: undefined }
   },
   computed: {
     isDense () {
diff --git a/webui/src/components/_commons/PanelMiddlewares.vue b/webui/src/components/_commons/PanelMiddlewares.vue
index ced92222d..19cfbd474 100644
--- a/webui/src/components/_commons/PanelMiddlewares.vue
+++ b/webui/src/components/_commons/PanelMiddlewares.vue
@@ -1563,7 +1563,7 @@ export default defineComponent({
   },
   props: {
     data: Array[Object],
-    dense: Boolean
+    dense: { type: Boolean, default: undefined }
   },
   computed: {
     protocol () {
diff --git a/webui/src/components/_commons/PanelMirroringServices.vue b/webui/src/components/_commons/PanelMirroringServices.vue
index a526f3f0f..eccabfcc0 100644
--- a/webui/src/components/_commons/PanelMirroringServices.vue
+++ b/webui/src/components/_commons/PanelMirroringServices.vue
@@ -71,7 +71,7 @@ export default {
   name: 'PanelMirroringServices',
   props: {
     data: { type: Object, default: undefined, required: false },
-    dense: Boolean
+    dense: { type: Boolean, default: undefined }
   },
   computed: {
     isDense () {
diff --git a/webui/src/components/_commons/PanelServers.vue b/webui/src/components/_commons/PanelServers.vue
index 5c3e8f54b..5e94847f1 100644
--- a/webui/src/components/_commons/PanelServers.vue
+++ b/webui/src/components/_commons/PanelServers.vue
@@ -103,8 +103,8 @@ export default defineComponent({
   },
   props: {
     data: { type: Object, default: undefined, required: false },
-    dense: Boolean,
-    hasStatus: Boolean
+    dense: { type: Boolean, default: undefined },
+    hasStatus: { type: Boolean, default: undefined }
   },
   computed: {
     isDense () {
diff --git a/webui/src/components/_commons/PanelServiceDetails.vue b/webui/src/components/_commons/PanelServiceDetails.vue
index 0f6758e52..e5dbe4f33 100644
--- a/webui/src/components/_commons/PanelServiceDetails.vue
+++ b/webui/src/components/_commons/PanelServiceDetails.vue
@@ -172,7 +172,7 @@ export default defineComponent({
   },
   props: {
     data: { type: Object, default: undefined, required: false },
-    dense: Boolean
+    dense: { type: Boolean, default: undefined }
   },
   computed: {
     isDense () {
diff --git a/webui/src/components/_commons/PanelWeightedServices.vue b/webui/src/components/_commons/PanelWeightedServices.vue
index b8eeaa72a..107e23f94 100644
--- a/webui/src/components/_commons/PanelWeightedServices.vue
+++ b/webui/src/components/_commons/PanelWeightedServices.vue
@@ -67,7 +67,7 @@ export default defineComponent({
   components: {},
   props: {
     data: { type: Object, default: undefined, required: false },
-    dense: Boolean
+    dense: { type: Boolean, default: undefined }
   },
   computed: {
     isDense () {
diff --git a/webui/src/components/_commons/StickyServiceDetails.vue b/webui/src/components/_commons/StickyServiceDetails.vue
index de81f1119..c2ac73d45 100644
--- a/webui/src/components/_commons/StickyServiceDetails.vue
+++ b/webui/src/components/_commons/StickyServiceDetails.vue
@@ -56,7 +56,7 @@ export default defineComponent({
   },
   props: {
     sticky: { type: Object, default: undefined, required: false },
-    dense: Boolean
+    dense: { type: Boolean, default: undefined }
   }
 })
 </script>