diff --git a/src/moduler/dialog/DialogLink.tsx b/src/moduler/dialog/DialogLink.tsx
index 4c116ae21..3f8a880fd 100644
--- a/src/moduler/dialog/DialogLink.tsx
+++ b/src/moduler/dialog/DialogLink.tsx
@@ -4,6 +4,7 @@ import { useNavigate } from 'react-router-dom';
 import { useErVeileder } from '../../Provider';
 import { useRoutes } from '../../routing/useRoutes';
 import { byttTilDialogFlate, getDialogLenke } from './DialogFlateUtils';
+import { Link } from '@navikt/ds-react';
 
 interface Props {
     className?: string;
@@ -32,9 +33,9 @@ const LenkeTilDialog = (props: Props) => {
     }
 
     return (
-        <a href={getDialogLenke({ erVeileder, aktivitetId, dialogId })} onClick={internalOnClick} className={className}>
+        <Link href={getDialogLenke({ erVeileder, aktivitetId, dialogId })} onClick={internalOnClick} className={className}>
             {children}
-        </a>
+        </Link>
     );
 };
 
diff --git a/src/moduler/varslinger/VeilederVarsel.tsx b/src/moduler/varslinger/VeilederVarsel.tsx
index 8c0e216b4..9721e4964 100644
--- a/src/moduler/varslinger/VeilederVarsel.tsx
+++ b/src/moduler/varslinger/VeilederVarsel.tsx
@@ -21,10 +21,10 @@ const VeilederVarsel = (props: Props) => {
 
     return (
         <div className="container">
-            <Alert variant="warning" className="mb-5">
+            <Alert variant="warning" className="my-4">
                 <BodyShort>
-                    Nav har sendt varsel {dato}{' '}
-                    <LenkeTilDialog dialogId={tilhorendeDialogId}>Les meldingen</LenkeTilDialog>
+                    Nav har sendt varsel {dato}.{' '}
+                    <LenkeTilDialog dialogId={tilhorendeDialogId}>Les meldingen.</LenkeTilDialog>
                 </BodyShort>
             </Alert>
         </div>