add font size for consistency and some margin top to org name

Altinn · Dec 11, 2024 · 137b6d7 · 137b6d7
1 parent bcbe457
commit 137b6d7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/layout/OrganisationLookup/OrganisationLookupComponent.module.css b/src/layout/OrganisationLookup/OrganisationLookupComponent.module.css
@@ -44,6 +44,7 @@
   }
 
   .orgname {
+    margin-top: var(--fds-spacing-1);
     grid-area: orgname;
     align-self: start;
   }

diff --git a/src/layout/OrganisationLookup/OrganisationLookupComponent.tsx b/src/layout/OrganisationLookup/OrganisationLookupComponent.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import { ErrorMessage } from '@digdir/designsystemet-react';
+import { ErrorMessage, Paragraph } from '@digdir/designsystemet-react';
 import { queryOptions, useQuery } from '@tanstack/react-query';
 
 import type { PropsFromGenericComponent } from '..';
@@ -198,7 +198,7 @@ export function OrganisationLookupComponent({
             className={classes.orgname}
             aria-label={langAsString('organisation_lookup.org_name')}
           >
-            {hasSuccessfullyFetched && <span>{orgName}</span>}
+            {hasSuccessfullyFetched && <Paragraph size='sm'>{orgName}</Paragraph>}
           </div>
         </div>
       </ComponentStructureWrapper>