-
- {item.icon}
-
-
+ {item?.icon && (
+
+ {item.icon}
+
+ )}
+ {
+ if (!item?.icon) {
+ return { pl: 2 };
+ }
+ }}
+ >
{item.name}
{isFetching ? : item.data}
-
+
))}
diff --git a/src/components/CippCards/CippPropertyListCard.jsx b/src/components/CippCards/CippPropertyListCard.jsx
index 4b175cea9d8a..62b4578358d6 100644
--- a/src/components/CippCards/CippPropertyListCard.jsx
+++ b/src/components/CippCards/CippPropertyListCard.jsx
@@ -39,6 +39,12 @@ export const CippPropertyListCard = (props) => {
const firstHalf = propertyItems.slice(0, half);
const secondHalf = propertyItems.slice(half, propertyItems.length);
+ const isLabelPresent = (item) => {
+ return item?.label === "" || item?.label === undefined || item?.label === null;
+ };
+
+ const setPadding = isLabelPresent ? { py: 0.5, px: 3 } : { py: 1.5, px: 3 };
+
return (
<>