diff --git a/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/index.tsx b/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/index.tsx
index 293dca8b5..34d7ffc85 100644
--- a/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/index.tsx
+++ b/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/index.tsx
@@ -28,7 +28,6 @@ function InitiativeCard(props: Props) {
className={_cs(styles.initiativeCard, className)}
childrenContainerClassName={styles.figures}
headingLevel={4}
- withInternalPadding
withHeaderBorder
// TODO: Verify Fund Name and and Fund Type
headerDescription={(
@@ -36,48 +35,51 @@ function InitiativeCard(props: Props) {
label={strings.initiativeFundNameTitle}
value={initiative.fund_type}
valueType="text"
- strongLabel
+ strongValue
/>
)}
+ footerContent={(
+
+ )}
>
-
+
+
+
+
);
}
diff --git a/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/styles.module.css b/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/styles.module.css
index 368e5b3a1..9188fa167 100644
--- a/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/styles.module.css
+++ b/src/views/CountryNsOverviewContextAndStructure/NsDirectoryInitiatives/InitiativeCard/styles.module.css
@@ -5,14 +5,17 @@
.figures {
display: flex;
+ flex-direction: column;
+ gap: var(--go-ui-spacing-xs);
+
+ }
+ .footer-content {
flex-grow: 1;
- gap: var(--go-ui-spacing-lg);
.separator {
flex-shrink: 0;
- margin: var(--go-ui-spacing-md) 0;
- background-color: var(--go-ui-color-separator);
- height: var(--go-ui-width-separator-sm);
+ margin-bottom: var(--go-ui-spacing-sm);
+ border-bottom: var(--go-ui-width-separator-thin) solid var(--go-ui-color-separator)
}
}
}