Set marginBottom 0 on h3 and the last element of the alert content

navikt · Jun 8, 2024 · 6777e66 · 6777e66
1 parent 25aeb08
commit 6777e66
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/shared-components/src/formio/components/core/alert/Alert.tsx b/packages/shared-components/src/formio/components/core/alert/Alert.tsx
@@ -53,7 +53,7 @@ class Alert extends BaseComponent {
           fullWidth={false} // Removes border-radius if true
           size="medium"
         >
-          <InnerHtml content={this.getContent()} />
+          <InnerHtml content={this.getContent()} className={'alertContent'} />
         </NavAlert>
       </div>,
     );

diff --git a/packages/shared-components/src/styles/form/alert.ts b/packages/shared-components/src/styles/form/alert.ts
@@ -6,6 +6,9 @@ const alert = {
   },
   '& .formio-component-alertstripe': {
     marginBottom: 'var(--a-spacing-10)',
+    '& .alertContent h3, :last-child': {
+      marginBottom: 0,
+    },
   },
   '& .formio-component-alertstripe:last-child': {
     marginBottom: '0',