diff --git a/src/app/personside/infotabs/oversikt/VarselOversikt.tsx b/src/app/personside/infotabs/oversikt/VarselOversikt.tsx
index ce063782d..769cde810 100644
--- a/src/app/personside/infotabs/oversikt/VarselOversikt.tsx
+++ b/src/app/personside/infotabs/oversikt/VarselOversikt.tsx
@@ -1,16 +1,12 @@
 import * as React from 'react';
 import styled from 'styled-components/macro';
 import theme from '../../../../styles/personOversiktTheme';
-import Varsel from '../varsel/Varsel';
 import { AlertStripeInfo } from 'nav-frontend-alertstriper';
 import { ReactNode } from 'react';
 import { useOnMount } from '../../../../utils/customHooks';
 import { Normaltekst } from 'nav-frontend-typografi';
 import VarslerLoader, { VarslerRendererProps } from '../varsel/varsel-loader';
-import VarselNy from '../varsel/VarselNy';
-import IfFeatureToggleOn from '../../../../components/featureToggle/IfFeatureToggleOn';
-import IfFeatureToggleOff from '../../../../components/featureToggle/IfFeatureToggleOff';
-import { FeatureToggles } from '../../../../components/featureToggle/toggleIDs';
+import Varsel from '../varsel/Varsel';
 
 const ListStyle = styled.ol`
     > *:not(:first-child) {
@@ -23,16 +19,7 @@ interface Props {
 }
 
 function VarselOversikt(props: Props) {
-    return (
-        <>
-            <IfFeatureToggleOn toggleID={FeatureToggles.visRevarslingDetaljer}>
-                <VarslerLoader component={VarselVisningNy} {...props} />
-            </IfFeatureToggleOn>
-            <IfFeatureToggleOff toggleID={FeatureToggles.visRevarslingDetaljer}>
-                <VarslerLoader component={VarselVisning} {...props} />
-            </IfFeatureToggleOff>
-        </>
-    );
+    return <VarslerLoader component={VarselVisning} {...props} />;
 }
 
 function VarselVisning(props: VarslerRendererProps & Props) {
@@ -58,27 +45,4 @@ function VarselVisning(props: VarslerRendererProps & Props) {
     );
 }
 
-function VarselVisningNy(props: VarslerRendererProps & Props) {
-    const forsteVarsler = props.varsler.slice(0, 2);
-    useOnMount(() => {
-        props.setHeaderContent(
-            <Normaltekst>
-                {forsteVarsler.length} / {props.varsler.length}
-            </Normaltekst>
-        );
-    });
-
-    if (props.varsler.length === 0) {
-        return <AlertStripeInfo>Ingen varsler på bruker</AlertStripeInfo>;
-    }
-
-    return (
-        <ListStyle>
-            {forsteVarsler.map((varsel, index) => (
-                <VarselNy key={index} varsel={varsel} />
-            ))}
-        </ListStyle>
-    );
-}
-
 export default VarselOversikt;
diff --git a/src/app/personside/infotabs/oversikt/__snapshots__/Oversikt.test.tsx.snap b/src/app/personside/infotabs/oversikt/__snapshots__/Oversikt.test.tsx.snap
index f9320f662..9aca748d0 100644
--- a/src/app/personside/infotabs/oversikt/__snapshots__/Oversikt.test.tsx.snap
+++ b/src/app/personside/infotabs/oversikt/__snapshots__/Oversikt.test.tsx.snap
@@ -50,7 +50,7 @@ exports[`Viser oversikt med alt innhold 1`] = `
   padding: 0 1rem;
 }
 
-.c30 {
+.c31 {
   border: none;
   cursor: pointer;
   background-color: transparent;
@@ -58,17 +58,17 @@ exports[`Viser oversikt med alt innhold 1`] = `
   border-radius: 0.5em;
 }
 
-.c30:focus {
+.c31:focus {
   outline: none;
   box-shadow: 0 0 0 0.1875rem #254b6d;
 }
 
-.c30:focus {
+.c31:focus {
   outline: none;
   box-shadow: none;
 }
 
-.c30:focus::after {
+.c31:focus::after {
   position: absolute;
   top: 0;
   left: 0;
@@ -87,8 +87,8 @@ exports[`Viser oversikt med alt innhold 1`] = `
   position: relative;
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: 6rem 55% 1fr auto;
-  grid-template-columns: 6rem minmax(35%,55%) 1fr auto;
+  -ms-grid-columns: 6rem 3rem 55% 1fr auto;
+  grid-template-columns: 6rem 3rem minmax(35%,55%) 1fr auto;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -109,6 +109,10 @@ exports[`Viser oversikt med alt innhold 1`] = `
   -ms-grid-column: 3;
 }
 
+.c26 > *:nth-child(4) {
+  -ms-grid-column: 4;
+}
+
 .c26:hover {
   box-shadow: inset 0 0 0 0.1rem #0067c5,0 0.1rem 0.1rem rgba(0,0,0,0.2);
 }
@@ -117,11 +121,11 @@ exports[`Viser oversikt med alt innhold 1`] = `
   padding: 0.7rem;
 }
 
-.c29 li {
+.c30 li {
   display: inline-block;
 }
 
-.c29 li:not(:last-child):after {
+.c30 li:not(:last-child):after {
   content: ',';
   margin-right: 0.5em;
 }
@@ -133,20 +137,36 @@ exports[`Viser oversikt med alt innhold 1`] = `
   display: flex;
 }
 
-.c28 {
+.c29 {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
-.c31 {
+.c28 {
+  width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c32 {
   border-radius: 0.5rem;
   background-color: #f1f0f0;
   box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0,0,0,0.15);
   padding: 1.25rem;
 }
 
-.c31 dt {
+.c32 dt {
   float: left;
   clear: left;
   font-weight: bold;
@@ -154,11 +174,24 @@ exports[`Viser oversikt med alt innhold 1`] = `
   width: 7rem;
 }
 
-.c31 dd {
+.c32 dd {
   margin-bottom: 0.5rem;
   margin-left: 7.125rem;
 }
 
+.c34 {
+  font-weight: bold;
+}
+
+.c35 {
+  margin-top: 0.5rem;
+}
+
+.c33 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
 .c24 > *:not(:first-child) {
   border-top: solid 0.0625rem #78706a;
 }
@@ -1149,18 +1182,42 @@ exports[`Viser oversikt med alt innhold 1`] = `
                       <span
                         className="c27"
                       >
-                        01.01.2023
+                        11.01.2023
+                      </span>
+                      <span
+                        className="c27"
+                      >
+                        01.08.2023
                       </span>
                     </p>
+                    <div
+                      className="c28"
+                    >
+                      <svg
+                        focusable="false"
+                        height="1.5em"
+                        role="img"
+                        viewBox="0 0 24 24"
+                        width="1.5em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M12 2.25a.75.75 0 0 1 .656.387l9.527 17.25A.75.75 0 0 1 21.526 21H2.474a.75.75 0 0 1-.657-1.113l9.526-17.25A.75.75 0 0 1 12 2.25ZM12 8.75a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75Zm-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"
+                          fill="#ff9100"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
                     <h4
-                      className="typo-element c28"
+                      className="typo-element c29"
                       id="Helt tilfeldig ID"
                     >
                       Notifikasjon (Ferdigstilt): Et nytt samtalereferat er tilgjengelig i din innboks
                     </h4>
                     <ul
                       aria-label="Kommunikasjonskanaler"
-                      className="c29"
+                      className="c30"
                     >
                       <li
                         className="typo-normal"
@@ -1181,7 +1238,7 @@ exports[`Viser oversikt med alt innhold 1`] = `
                     <button
                       aria-expanded={false}
                       aria-label="Vis mer informasjon om varsel/notifikasjon"
-                      className="c30"
+                      className="c31"
                       onClick={[Function]}
                       title="Vis mer informasjon om varsel/notifikasjon"
                     >
@@ -1191,26 +1248,82 @@ exports[`Viser oversikt med alt innhold 1`] = `
                     </button>
                   </div>
                   <dl
-                    className="c31"
+                    className="c32"
                   >
-                    <dt>
-                      Produsert av:
-                    </dt>
-                    <dd>
-                      sf-brukernotifikasjon
-                    </dd>
-                    <dt>
-                      Tekst:
-                    </dt>
-                    <dd>
-                      Et nytt samtalereferat er tilgjengelig i din innboks
-                    </dd>
-                    <dt>
-                      Link:
-                    </dt>
-                    <dd>
-                      https://innboks.nav.no
-                    </dd>
+                    <div>
+                      <dt>
+                        Produsert av:
+                      </dt>
+                      <dd>
+                        sf-brukernotifikasjon
+                      </dd>
+                      <dt>
+                        Tekst:
+                      </dt>
+                      <dd>
+                        Et nytt samtalereferat er tilgjengelig i din innboks
+                      </dd>
+                      <dt>
+                        Link:
+                      </dt>
+                      <dd>
+                        https://innboks.nav.no
+                      </dd>
+                      <dt>
+                        Varslet: 
+                      </dt>
+                      <dd>
+                        11.01.2023 - SMS, EPOST
+                      </dd>
+                      <dt>
+                        Revarslet: 
+                      </dt>
+                      <dd>
+                        01.08.2023 - SMS, EPOST
+                      </dd>
+                      <hr />
+                      <div
+                        className="c33"
+                      >
+                        <span
+                          className="c34"
+                        >
+                          Varslingsfeil
+                        </span>
+                        <div
+                          className="c35"
+                        >
+                          <li>
+                            01.01.2023
+                             - 
+                            SMS
+                            : 
+                            Feil telefonummer
+                          </li>
+                        </div>
+                      </div>
+                      <hr />
+                      <div
+                        className="c33"
+                      >
+                        <span
+                          className="c34"
+                        >
+                          Revarslingsfeil
+                        </span>
+                        <div
+                          className="c35"
+                        >
+                          <li>
+                            11.08.2023
+                             - 
+                            EPOST
+                            : 
+                            Feil epost
+                          </li>
+                        </div>
+                      </div>
+                    </div>
                   </dl>
                 </article>
               </div>
@@ -1232,18 +1345,42 @@ exports[`Viser oversikt med alt innhold 1`] = `
                       <span
                         className="c27"
                       >
-                        01.01.2023
+                        11.01.2023
+                      </span>
+                      <span
+                        className="c27"
+                      >
+                        01.08.2023
                       </span>
                     </p>
+                    <div
+                      className="c28"
+                    >
+                      <svg
+                        focusable="false"
+                        height="1.5em"
+                        role="img"
+                        viewBox="0 0 24 24"
+                        width="1.5em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M12 2.25a.75.75 0 0 1 .656.387l9.527 17.25A.75.75 0 0 1 21.526 21H2.474a.75.75 0 0 1-.657-1.113l9.526-17.25A.75.75 0 0 1 12 2.25ZM12 8.75a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75Zm-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"
+                          fill="#ff9100"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
                     <h4
-                      className="typo-element c28"
+                      className="typo-element c29"
                       id="Helt tilfeldig ID"
                     >
                       Notifikasjon (Ferdigstilt): Et nytt samtalereferat er tilgjengelig i din innboks
                     </h4>
                     <ul
                       aria-label="Kommunikasjonskanaler"
-                      className="c29"
+                      className="c30"
                     >
                       <li
                         className="typo-normal"
@@ -1264,7 +1401,7 @@ exports[`Viser oversikt med alt innhold 1`] = `
                     <button
                       aria-expanded={false}
                       aria-label="Vis mer informasjon om varsel/notifikasjon"
-                      className="c30"
+                      className="c31"
                       onClick={[Function]}
                       title="Vis mer informasjon om varsel/notifikasjon"
                     >
@@ -1274,26 +1411,82 @@ exports[`Viser oversikt med alt innhold 1`] = `
                     </button>
                   </div>
                   <dl
-                    className="c31"
+                    className="c32"
                   >
-                    <dt>
-                      Produsert av:
-                    </dt>
-                    <dd>
-                      sf-brukernotifikasjon
-                    </dd>
-                    <dt>
-                      Tekst:
-                    </dt>
-                    <dd>
-                      Et nytt samtalereferat er tilgjengelig i din innboks
-                    </dd>
-                    <dt>
-                      Link:
-                    </dt>
-                    <dd>
-                      https://innboks.nav.no
-                    </dd>
+                    <div>
+                      <dt>
+                        Produsert av:
+                      </dt>
+                      <dd>
+                        sf-brukernotifikasjon
+                      </dd>
+                      <dt>
+                        Tekst:
+                      </dt>
+                      <dd>
+                        Et nytt samtalereferat er tilgjengelig i din innboks
+                      </dd>
+                      <dt>
+                        Link:
+                      </dt>
+                      <dd>
+                        https://innboks.nav.no
+                      </dd>
+                      <dt>
+                        Varslet: 
+                      </dt>
+                      <dd>
+                        11.01.2023 - SMS, EPOST
+                      </dd>
+                      <dt>
+                        Revarslet: 
+                      </dt>
+                      <dd>
+                        01.08.2023 - SMS, EPOST
+                      </dd>
+                      <hr />
+                      <div
+                        className="c33"
+                      >
+                        <span
+                          className="c34"
+                        >
+                          Varslingsfeil
+                        </span>
+                        <div
+                          className="c35"
+                        >
+                          <li>
+                            01.01.2023
+                             - 
+                            SMS
+                            : 
+                            Feil telefonummer
+                          </li>
+                        </div>
+                      </div>
+                      <hr />
+                      <div
+                        className="c33"
+                      >
+                        <span
+                          className="c34"
+                        >
+                          Revarslingsfeil
+                        </span>
+                        <div
+                          className="c35"
+                        >
+                          <li>
+                            11.08.2023
+                             - 
+                            EPOST
+                            : 
+                            Feil epost
+                          </li>
+                        </div>
+                      </div>
+                    </div>
                   </dl>
                 </article>
               </div>
diff --git a/src/app/personside/infotabs/varsel/DittNavVarsler.tsx b/src/app/personside/infotabs/varsel/DittNavVarsler.tsx
index 171b4c519..28158e1fa 100644
--- a/src/app/personside/infotabs/varsel/DittNavVarsler.tsx
+++ b/src/app/personside/infotabs/varsel/DittNavVarsler.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
-import { VarselRow } from './VarselRow';
 import styled from 'styled-components';
 import theme from '../../../../styles/personOversiktTheme';
 import { emptyReplacement } from './varsel-utils';
 import { ENDASH, formaterDato } from '../../../../utils/string-utils';
-import { DittNavEvent } from '../../../../models/varsel';
+import { DittNavEvent, FeiletVarsling } from '../../../../models/varsel';
+import { VarselRow } from './VarselRow';
 
 const GraattDefinisjonsListe = styled.dl`
     ${theme.graattPanel}
@@ -21,6 +21,19 @@ const GraattDefinisjonsListe = styled.dl`
     }
 `;
 
+const BoldTekst = styled.span`
+    font-weight: bold;
+`;
+
+const FeilteVarslinerListeStyling = styled.div`
+    margin-top: 0.5rem;
+`;
+
+const FeilteVarslingerListeWrapper = styled.div`
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+`;
+
 function DittNavInformasjonsLinje({ tittel, tekst }: { tittel: string; tekst: string }) {
     return (
         <>
@@ -54,3 +67,87 @@ export function DittNavEventVarsel({ varsel }: { varsel: DittNavEvent }) {
         </VarselRow>
     );
 }
+
+function FeilteVarslingerListe({ tittel, feilteVarslinger }: { tittel: string; feilteVarslinger: FeiletVarsling[] }) {
+    return (
+        <FeilteVarslingerListeWrapper>
+            <BoldTekst>{tittel}</BoldTekst>
+            <FeilteVarslinerListeStyling>
+                {feilteVarslinger.map((varsling) => (
+                    <li key={`${varsling.tidspunkt} - ${varsling.kanal}`}>
+                        {formaterDato(varsling.tidspunkt)} - {varsling.kanal}: {varsling.feilmelding}
+                    </li>
+                ))}
+            </FeilteVarslinerListeStyling>
+        </FeilteVarslingerListeWrapper>
+    );
+}
+
+export function DittNavEventVarselV2({ varsel }: { varsel: DittNavEvent }) {
+    const varslingsTidspunkt = varsel.varslingsTidspunkt;
+
+    if (!varslingsTidspunkt || !varslingsTidspunkt.tidspunkt) {
+        return <DittNavEventVarsel varsel={varsel} />;
+    }
+
+    const aktiv = varsel.aktiv ? '' : ' (Ferdigstilt)';
+    const datoer = [formaterDato(varslingsTidspunkt.tidspunkt)];
+    if (varslingsTidspunkt.renotifikasjonTidspunkt) {
+        datoer.push(formaterDato(varslingsTidspunkt.renotifikasjonTidspunkt));
+    }
+
+    const tittel = `Notifikasjon${aktiv}: ${varsel.tekst}`;
+    const kanaler = [
+        'DITT_NAV',
+        ...varsel.eksternVarslingKanaler,
+        ...varslingsTidspunkt.renotifikasjonsKanaler
+    ].unique();
+
+    return (
+        <VarselRow
+            datoer={datoer}
+            tittel={tittel}
+            kanaler={kanaler}
+            varsel={varsel}
+            harFeilteVarsel={varslingsTidspunkt.harFeilteVarslinger || varslingsTidspunkt.harFeilteRevarslinger}
+        >
+            <GraattDefinisjonsListe>
+                <div>
+                    <DittNavInformasjonsLinjer produsent={varsel.produsent} tekst={varsel.tekst} link={varsel.link} />
+                    <DittNavInformasjonsLinje
+                        tittel="Varslet: "
+                        tekst={`${formaterDato(varslingsTidspunkt.tidspunkt)} - ${varslingsTidspunkt.sendteKanaler.join(
+                            ', '
+                        )}`}
+                    />
+                    {varslingsTidspunkt.renotifikasjonTidspunkt && (
+                        <DittNavInformasjonsLinje
+                            tittel="Revarslet: "
+                            tekst={`${formaterDato(
+                                varslingsTidspunkt.renotifikasjonTidspunkt
+                            )} - ${varslingsTidspunkt.renotifikasjonsKanaler.join(', ')}`}
+                        />
+                    )}
+                    {varslingsTidspunkt.harFeilteVarslinger && (
+                        <>
+                            <hr />
+                            <FeilteVarslingerListe
+                                tittel="Varslingsfeil"
+                                feilteVarslinger={varslingsTidspunkt.feilteVarsliner}
+                            />
+                        </>
+                    )}
+                    {varslingsTidspunkt.harFeilteRevarslinger && (
+                        <>
+                            <hr />
+                            <FeilteVarslingerListe
+                                tittel="Revarslingsfeil"
+                                feilteVarslinger={varslingsTidspunkt.feilteRevarslinger}
+                            />
+                        </>
+                    )}
+                </div>
+            </GraattDefinisjonsListe>
+        </VarselRow>
+    );
+}
diff --git a/src/app/personside/infotabs/varsel/DittNavVarslerNy.tsx b/src/app/personside/infotabs/varsel/DittNavVarslerNy.tsx
deleted file mode 100644
index 61d0fc6e8..000000000
--- a/src/app/personside/infotabs/varsel/DittNavVarslerNy.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import theme from '../../../../styles/personOversiktTheme';
-import { emptyReplacement } from './varsel-utils';
-import { ENDASH, formaterDato } from '../../../../utils/string-utils';
-import { DittNavEvent, FeiletVarsling } from '../../../../models/varsel';
-import { VarselRowNy } from './VarselRowNy';
-
-const GraattDefinisjonsListe = styled.dl`
-    ${theme.graattPanel}
-    dt {
-        float: left;
-        clear: left;
-        font-weight: bold;
-        margin-bottom: 0.5rem;
-        width: 7rem;
-    }
-    dd {
-        margin-bottom: 0.5rem;
-        margin-left: 7.125rem;
-    }
-`;
-
-const BoldTekst = styled.span`
-    font-weight: bold;
-`;
-
-const FeilteVarslinerListeStyling = styled.div`
-    margin-top: 0.5rem;
-`;
-
-const FeilteVarslingerListeWrapper = styled.div`
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-`;
-
-function DittNavInformasjonsLinje({ tittel, tekst }: { tittel: string; tekst: string }) {
-    return (
-        <>
-            <dt>{tittel}</dt>
-            <dd>{tekst}</dd>
-        </>
-    );
-}
-
-function DittNavInformasjonsLinjer(varsel: { produsent: string; tekst: string; link: string }) {
-    return (
-        <>
-            <DittNavInformasjonsLinje tittel="Produsert av:" tekst={emptyReplacement(varsel.produsent, ENDASH)} />
-            <DittNavInformasjonsLinje tittel="Tekst:" tekst={emptyReplacement(varsel.tekst, ENDASH)} />
-            <DittNavInformasjonsLinje tittel="Link:" tekst={emptyReplacement(varsel.link, ENDASH)} />
-        </>
-    );
-}
-
-export function DittNavEventVarsel({ varsel }: { varsel: DittNavEvent }) {
-    const aktiv = varsel.aktiv ? '' : ' (Ferdigstilt)';
-    const datoer = [formaterDato(varsel.forstBehandlet)];
-    const tittel = `Notifikasjon${aktiv}: ${varsel.tekst}`;
-    const kanaler = ['DITT_NAV', ...varsel.eksternVarslingKanaler];
-
-    return (
-        <VarselRowNy datoer={datoer} tittel={tittel} kanaler={kanaler} varsel={varsel}>
-            <GraattDefinisjonsListe>
-                <DittNavInformasjonsLinjer produsent={varsel.produsent} tekst={varsel.tekst} link={varsel.link} />
-            </GraattDefinisjonsListe>
-        </VarselRowNy>
-    );
-}
-
-function FeilteVarslingerListe({ tittel, feilteVarslinger }: { tittel: string; feilteVarslinger: FeiletVarsling[] }) {
-    return (
-        <FeilteVarslingerListeWrapper>
-            <BoldTekst>{tittel}</BoldTekst>
-            <FeilteVarslinerListeStyling>
-                {feilteVarslinger.map((varsling) => (
-                    <li key={`${varsling.tidspunkt} - ${varsling.kanal}`}>
-                        {formaterDato(varsling.tidspunkt)} - {varsling.kanal}: {varsling.feilmelding}
-                    </li>
-                ))}
-            </FeilteVarslinerListeStyling>
-        </FeilteVarslingerListeWrapper>
-    );
-}
-
-export function DittNavEventVarselV2({ varsel }: { varsel: DittNavEvent }) {
-    const varslingsTidspunkt = varsel.varslingsTidspunkt;
-
-    if (!varslingsTidspunkt || !varslingsTidspunkt.tidspunkt) {
-        return <DittNavEventVarsel varsel={varsel} />;
-    }
-
-    const aktiv = varsel.aktiv ? '' : ' (Ferdigstilt)';
-    const datoer = [formaterDato(varslingsTidspunkt.tidspunkt)];
-    if (varslingsTidspunkt.renotifikasjonTidspunkt) {
-        datoer.push(formaterDato(varslingsTidspunkt.renotifikasjonTidspunkt));
-    }
-
-    const tittel = `Notifikasjon${aktiv}: ${varsel.tekst}`;
-    const kanaler = [
-        'DITT_NAV',
-        ...varsel.eksternVarslingKanaler,
-        ...varslingsTidspunkt.renotifikasjonsKanaler
-    ].unique();
-
-    return (
-        <VarselRowNy
-            datoer={datoer}
-            tittel={tittel}
-            kanaler={kanaler}
-            varsel={varsel}
-            harFeilteVarsel={varslingsTidspunkt.harFeilteVarslinger || varslingsTidspunkt.harFeilteRevarslinger}
-        >
-            <GraattDefinisjonsListe>
-                <div>
-                    <DittNavInformasjonsLinjer produsent={varsel.produsent} tekst={varsel.tekst} link={varsel.link} />
-                    <DittNavInformasjonsLinje
-                        tittel="Varslet: "
-                        tekst={`${formaterDato(varslingsTidspunkt.tidspunkt)} - ${varslingsTidspunkt.sendteKanaler.join(
-                            ', '
-                        )}`}
-                    />
-                    {varslingsTidspunkt.renotifikasjonTidspunkt && (
-                        <DittNavInformasjonsLinje
-                            tittel="Revarslet: "
-                            tekst={`${formaterDato(
-                                varslingsTidspunkt.renotifikasjonTidspunkt
-                            )} - ${varslingsTidspunkt.renotifikasjonsKanaler.join(', ')}`}
-                        />
-                    )}
-                    {varslingsTidspunkt.harFeilteVarslinger && (
-                        <>
-                            <hr />
-                            <FeilteVarslingerListe
-                                tittel="Varslingsfeil"
-                                feilteVarslinger={varslingsTidspunkt.feilteVarsliner}
-                            />
-                        </>
-                    )}
-                    {varslingsTidspunkt.harFeilteRevarslinger && (
-                        <>
-                            <hr />
-                            <FeilteVarslingerListe
-                                tittel="Revarslingsfeil"
-                                feilteVarslinger={varslingsTidspunkt.feilteRevarslinger}
-                            />
-                        </>
-                    )}
-                </div>
-            </GraattDefinisjonsListe>
-        </VarselRowNy>
-    );
-}
diff --git a/src/app/personside/infotabs/varsel/Varsel.tsx b/src/app/personside/infotabs/varsel/Varsel.tsx
index a18a3c8d5..e1073208b 100644
--- a/src/app/personside/infotabs/varsel/Varsel.tsx
+++ b/src/app/personside/infotabs/varsel/Varsel.tsx
@@ -7,9 +7,9 @@ import {
 import { datoSynkende } from '../../../../utils/date-utils';
 import VarselMeldinger from './varselDetaljer/VarselMeldinger';
 import { formaterDato } from '../../../../utils/string-utils';
-import { DittNavEventVarsel } from './DittNavVarsler';
-import { VarselRow } from './VarselRow';
+import { DittNavEventVarselV2 } from './DittNavVarsler';
 import { getVarselTekst } from './varsel-utils';
+import { VarselRow } from './VarselRow';
 
 function Varsel({ varsel }: { varsel: VarselModell }) {
     const sortertMeldingsliste = varsel.meldingListe.sort(datoSynkende((melding) => melding.utsendingsTidspunkt));
@@ -26,7 +26,7 @@ function Varsel({ varsel }: { varsel: VarselModell }) {
 
 function UnifiedVarsel({ varsel }: { varsel: UnifiedVarselModell }) {
     if (isDittNavEvent(varsel)) {
-        return <DittNavEventVarsel varsel={varsel} />;
+        return <DittNavEventVarselV2 varsel={varsel} />;
     }
     return <Varsel varsel={varsel} />;
 }
diff --git a/src/app/personside/infotabs/varsel/VarselNy.tsx b/src/app/personside/infotabs/varsel/VarselNy.tsx
deleted file mode 100644
index 7516aa514..000000000
--- a/src/app/personside/infotabs/varsel/VarselNy.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import * as React from 'react';
-import {
-    Varsel as VarselModell,
-    UnifiedVarsel as UnifiedVarselModell,
-    isDittNavEvent
-} from '../../../../models/varsel';
-import { datoSynkende } from '../../../../utils/date-utils';
-import VarselMeldinger from './varselDetaljer/VarselMeldinger';
-import { formaterDato } from '../../../../utils/string-utils';
-import { DittNavEventVarselV2 } from './DittNavVarslerNy';
-import { getVarselTekst } from './varsel-utils';
-import { VarselRowNy } from './VarselRowNy';
-
-function Varsel({ varsel }: { varsel: VarselModell }) {
-    const sortertMeldingsliste = varsel.meldingListe.sort(datoSynkende((melding) => melding.utsendingsTidspunkt));
-    const datoer = sortertMeldingsliste.map((melding) => formaterDato(melding.utsendingsTidspunkt)).unique();
-    const tittel = getVarselTekst(varsel);
-    const kanaler = sortertMeldingsliste.map((melding) => melding.kanal).unique();
-
-    return (
-        <VarselRowNy datoer={datoer} tittel={tittel} kanaler={kanaler} varsel={varsel}>
-            <VarselMeldinger sortertMeldingsliste={sortertMeldingsliste} />
-        </VarselRowNy>
-    );
-}
-
-function UnifiedVarsel({ varsel }: { varsel: UnifiedVarselModell }) {
-    if (isDittNavEvent(varsel)) {
-        return <DittNavEventVarselV2 varsel={varsel} />;
-    }
-    return <Varsel varsel={varsel} />;
-}
-
-export default React.memo(UnifiedVarsel);
diff --git a/src/app/personside/infotabs/varsel/VarselRow.tsx b/src/app/personside/infotabs/varsel/VarselRow.tsx
index 00a539f96..cb593a889 100644
--- a/src/app/personside/infotabs/varsel/VarselRow.tsx
+++ b/src/app/personside/infotabs/varsel/VarselRow.tsx
@@ -4,6 +4,8 @@ import { UnmountClosed } from 'react-collapse';
 import { useDispatch } from 'react-redux';
 import VisMerChevron from '../../../../components/VisMerChevron';
 import { toggleVisVarsel } from '../../../../redux/varsler/varslerReducer';
+import CompletedIcon from '../../../../svg/CompletedIcon';
+import WarningIcon from '../../../../svg/WarningIcon';
 import { useAppState } from '../../../../utils/customHooks';
 import styled from 'styled-components/macro';
 import Panel from 'nav-frontend-paneler';
@@ -19,8 +21,8 @@ const HeaderStyle = styled.div`
     position: relative;
     display: -ms-grid;
     display: grid;
-    -ms-grid-columns: 6rem 55% 1fr auto;
-    grid-template-columns: 6rem minmax(35%, 55%) 1fr auto;
+    -ms-grid-columns: 6rem 3rem 55% 1fr auto;
+    grid-template-columns: 6rem 3rem minmax(35%, 55%) 1fr auto;
     > *:nth-child(1) {
         -ms-grid-column: 1;
     }
@@ -30,6 +32,9 @@ const HeaderStyle = styled.div`
     > *:nth-child(3) {
         -ms-grid-column: 3;
     }
+    > *:nth-child(4) {
+        -ms-grid-column: 4;
+    }
     align-items: center;
     border-radius: ${theme.borderRadius.layout};
     cursor: pointer;
@@ -62,12 +67,20 @@ const EllipsisElement = styled(Element)`
     white-space: nowrap;
 `;
 
+const IkonDiv = styled.div`
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`;
+
 export interface VarselRowProps {
     varsel: UnifiedVarsel;
     datoer: Array<string>;
     tittel: string;
     kanaler: Array<string>;
     children: React.ReactNode;
+    harFeilteVarsel?: boolean;
 }
 export function VarselRow(props: VarselRowProps) {
     const tittelId = useRef(guid());
@@ -84,6 +97,7 @@ export function VarselRow(props: VarselRowProps) {
                 <article aria-labelledby={tittelId.current}>
                     <HeaderStyle onClick={toggleOpen}>
                         <Normaltekst>{datoer}</Normaltekst>
+                        <IkonDiv>{props.harFeilteVarsel ? <WarningIcon /> : <CompletedIcon />}</IkonDiv>
                         <EllipsisElement id={tittelId.current} tag="h4">
                             {props.tittel}
                         </EllipsisElement>
diff --git a/src/app/personside/infotabs/varsel/VarselRowNy.tsx b/src/app/personside/infotabs/varsel/VarselRowNy.tsx
deleted file mode 100644
index f637fd795..000000000
--- a/src/app/personside/infotabs/varsel/VarselRowNy.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import { guid } from 'nav-frontend-js-utils';
-import React, { useRef } from 'react';
-import { UnmountClosed } from 'react-collapse';
-import { useDispatch } from 'react-redux';
-import VisMerChevron from '../../../../components/VisMerChevron';
-import { toggleVisVarsel } from '../../../../redux/varsler/varslerReducer';
-import CompletedIcon from '../../../../svg/CompletedIcon';
-import WarningIcon from '../../../../svg/WarningIcon';
-import { useAppState } from '../../../../utils/customHooks';
-import styled from 'styled-components/macro';
-import Panel from 'nav-frontend-paneler';
-import theme from '../../../../styles/personOversiktTheme';
-import { Element, Normaltekst } from 'nav-frontend-typografi';
-import { UnifiedVarsel } from '../../../../models/varsel';
-
-const StyledPanel = styled(Panel)`
-    padding: 0rem;
-`;
-
-const HeaderStyle = styled.div`
-    position: relative;
-    display: -ms-grid;
-    display: grid;
-    -ms-grid-columns: 6rem 3rem 55% 1fr auto;
-    grid-template-columns: 6rem 3rem minmax(35%, 55%) 1fr auto;
-    > *:nth-child(1) {
-        -ms-grid-column: 1;
-    }
-    > *:nth-child(2) {
-        -ms-grid-column: 2;
-    }
-    > *:nth-child(3) {
-        -ms-grid-column: 3;
-    }
-    > *:nth-child(4) {
-        -ms-grid-column: 4;
-    }
-    align-items: center;
-    border-radius: ${theme.borderRadius.layout};
-    cursor: pointer;
-    &:hover {
-        ${theme.hover}
-    }
-    > * {
-        padding: 0.7rem;
-    }
-`;
-
-const Kommaliste = styled.ul`
-    li {
-        display: inline-block;
-    }
-    li:not(:last-child) {
-        &:after {
-            content: ',';
-            margin-right: 0.5em;
-        }
-    }
-`;
-
-const DatoSpan = styled.span`
-    display: flex;
-`;
-const EllipsisElement = styled(Element)`
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-`;
-
-const IkonDiv = styled.div`
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`;
-
-export interface VarselRowProps {
-    varsel: UnifiedVarsel;
-    datoer: Array<string>;
-    tittel: string;
-    kanaler: Array<string>;
-    children: React.ReactNode;
-    harFeilteVarsel?: boolean;
-}
-export function VarselRowNy(props: VarselRowProps) {
-    const tittelId = useRef(guid());
-    const open = useAppState((state) => state.varsler.aapneVarsler).includes(props.varsel);
-    const dispatch = useDispatch();
-    const setOpen = (open: boolean) => dispatch(toggleVisVarsel(props.varsel, open));
-    const toggleOpen = () => setOpen(!open);
-
-    const datoer = props.datoer.map((dato) => <DatoSpan key={dato}>{dato}</DatoSpan>);
-
-    return (
-        <li>
-            <StyledPanel>
-                <article aria-labelledby={tittelId.current}>
-                    <HeaderStyle onClick={toggleOpen}>
-                        <Normaltekst>{datoer}</Normaltekst>
-                        <IkonDiv>{props.harFeilteVarsel ? <WarningIcon /> : <CompletedIcon />}</IkonDiv>
-                        <EllipsisElement id={tittelId.current} tag="h4">
-                            {props.tittel}
-                        </EllipsisElement>
-                        <Kommaliste aria-label="Kommunikasjonskanaler">
-                            {props.kanaler.map((kanal) => (
-                                <Normaltekst tag="li" key={kanal}>
-                                    {kanal}
-                                </Normaltekst>
-                            ))}
-                        </Kommaliste>
-                        <VisMerChevron
-                            focusOnRelativeParent={true}
-                            onClick={toggleOpen}
-                            open={open}
-                            title={(open ? 'Skjul' : 'Vis') + ' mer informasjon om varsel/notifikasjon'}
-                        />
-                    </HeaderStyle>
-                    <UnmountClosed isOpened={open}>{props.children}</UnmountClosed>
-                </article>
-            </StyledPanel>
-        </li>
-    );
-}
diff --git a/src/app/personside/infotabs/varsel/Varsler.tsx b/src/app/personside/infotabs/varsel/Varsler.tsx
index 214354bd2..197765d91 100644
--- a/src/app/personside/infotabs/varsel/Varsler.tsx
+++ b/src/app/personside/infotabs/varsel/Varsler.tsx
@@ -2,8 +2,8 @@ import * as React from 'react';
 import styled from 'styled-components/macro';
 import { Element } from 'nav-frontend-typografi';
 import { UnifiedVarsel } from '../../../../models/varsel';
-import Varsel from './Varsel';
 import Panel from 'nav-frontend-paneler';
+import Varsel from './Varsel';
 
 interface Props {
     varsler: Array<UnifiedVarsel>;
@@ -12,8 +12,8 @@ interface Props {
 const HeaderStyle = styled(Panel)`
     display: -ms-grid;
     display: grid;
-    -ms-grid-columns: 6rem 55% 1fr;
-    grid-template-columns: 6rem minmax(35%, 55%) 1fr;
+    -ms-grid-columns: 6rem 4rem 55% 1fr;
+    grid-template-columns: 6rem 4rem minmax(35%, 55%) 1fr;
     > *:nth-child(1) {
         -ms-grid-column: 1;
     }
@@ -23,6 +23,9 @@ const HeaderStyle = styled(Panel)`
     > *:nth-child(3) {
         -ms-grid-column: 3;
     }
+    > *:nth-child(4) {
+        -ms-grid-column: 4;
+    }
     > * {
         padding: 0.7rem;
     }
@@ -41,6 +44,7 @@ function Varsler(props: Props) {
         <>
             <HeaderStyle>
                 <Element>Dato</Element>
+                <Element>Status</Element>
                 <Element>Type</Element>
                 <Element>Kanal</Element>
             </HeaderStyle>
diff --git a/src/app/personside/infotabs/varsel/VarslerContainer.tsx b/src/app/personside/infotabs/varsel/VarslerContainer.tsx
index 30317f882..b122d3855 100644
--- a/src/app/personside/infotabs/varsel/VarslerContainer.tsx
+++ b/src/app/personside/infotabs/varsel/VarslerContainer.tsx
@@ -3,10 +3,6 @@ import styled from 'styled-components/macro';
 import Varsler from './Varsler';
 import theme from '../../../../styles/personOversiktTheme';
 import VarslerLoader, { VarslerRendererProps } from './varsel-loader';
-import IfFeatureToggleOn from '../../../../components/featureToggle/IfFeatureToggleOn';
-import VarslerNy from './VarslerNy';
-import IfFeatureToggleOff from '../../../../components/featureToggle/IfFeatureToggleOff';
-import { FeatureToggles } from '../../../../components/featureToggle/toggleIDs';
 
 const Style = styled.div`
     padding: ${theme.margin.layout};
@@ -16,12 +12,7 @@ function VarselLamellRenderer(props: VarslerRendererProps) {
     return (
         <Style>
             {props.feilmelding}
-            <IfFeatureToggleOn toggleID={FeatureToggles.visRevarslingDetaljer}>
-                <VarslerNy varsler={props.varsler} />
-            </IfFeatureToggleOn>
-            <IfFeatureToggleOff toggleID={FeatureToggles.visRevarslingDetaljer}>
-                <Varsler varsler={props.varsler} />
-            </IfFeatureToggleOff>
+            <Varsler varsler={props.varsler} />
         </Style>
     );
 }
diff --git a/src/app/personside/infotabs/varsel/VarslerNy.tsx b/src/app/personside/infotabs/varsel/VarslerNy.tsx
deleted file mode 100644
index 07e51fdf3..000000000
--- a/src/app/personside/infotabs/varsel/VarslerNy.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import * as React from 'react';
-import styled from 'styled-components/macro';
-import { Element } from 'nav-frontend-typografi';
-import { UnifiedVarsel } from '../../../../models/varsel';
-import Panel from 'nav-frontend-paneler';
-import VarselNy from './VarselNy';
-
-interface Props {
-    varsler: Array<UnifiedVarsel>;
-}
-
-const HeaderStyle = styled(Panel)`
-    display: -ms-grid;
-    display: grid;
-    -ms-grid-columns: 6rem 4rem 55% 1fr;
-    grid-template-columns: 6rem 4rem minmax(35%, 55%) 1fr;
-    > *:nth-child(1) {
-        -ms-grid-column: 1;
-    }
-    > *:nth-child(2) {
-        -ms-grid-column: 2;
-    }
-    > *:nth-child(3) {
-        -ms-grid-column: 3;
-    }
-    > *:nth-child(4) {
-        -ms-grid-column: 4;
-    }
-    > * {
-        padding: 0.7rem;
-    }
-    padding: 0;
-    margin-bottom: 1rem;
-`;
-
-const ListStyle = styled.ol`
-    > * {
-        margin-top: 0.5rem;
-    }
-`;
-
-function VarslerNy(props: Props) {
-    return (
-        <>
-            <HeaderStyle>
-                <Element>Dato</Element>
-                <Element>Status</Element>
-                <Element>Type</Element>
-                <Element>Kanal</Element>
-            </HeaderStyle>
-            <ListStyle aria-label="Brukerens varsler">
-                {props.varsler.map((varsel, index) => (
-                    <VarselNy key={index} varsel={varsel} />
-                ))}
-            </ListStyle>
-        </>
-    );
-}
-
-export default VarslerNy;
diff --git a/src/app/personside/infotabs/varsel/__snapshots__/VarselContainer.test.tsx.snap b/src/app/personside/infotabs/varsel/__snapshots__/VarselContainer.test.tsx.snap
index 88ff7f85b..c26ebedd7 100644
--- a/src/app/personside/infotabs/varsel/__snapshots__/VarselContainer.test.tsx.snap
+++ b/src/app/personside/infotabs/varsel/__snapshots__/VarselContainer.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Viser varselcontainer med alt innhold 1`] = `
-.c11 {
+.c15 {
   padding: 0.7rem;
   display: -webkit-box;
   display: -webkit-flex;
@@ -9,28 +9,28 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
   display: flex;
 }
 
-.c11 > *:first-child {
+.c15 > *:first-child {
   -webkit-flex: 0 0 20%;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
 }
 
-.c11 > *:last-child {
+.c15 > *:last-child {
   max-width: 30rem;
 }
 
-.c10 {
+.c14 {
   border-radius: 0.5rem;
   background-color: #f1f0f0;
   box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0,0,0,0.15);
   padding: 1.25rem;
 }
 
-.c10 > *:not(:first-child) {
+.c14 > *:not(:first-child) {
   border-top: solid 0.0625rem #78706a;
 }
 
-.c8 {
+.c9 {
   border: none;
   cursor: pointer;
   background-color: transparent;
@@ -38,17 +38,17 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
   border-radius: 0.5em;
 }
 
-.c8:focus {
+.c9:focus {
   outline: none;
   box-shadow: 0 0 0 0.1875rem #254b6d;
 }
 
-.c8:focus {
+.c9:focus {
   outline: none;
   box-shadow: none;
 }
 
-.c8:focus::after {
+.c9:focus::after {
   position: absolute;
   top: 0;
   left: 0;
@@ -67,8 +67,8 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
   position: relative;
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: 6rem 55% 1fr auto;
-  grid-template-columns: 6rem minmax(35%,55%) 1fr auto;
+  -ms-grid-columns: 6rem 3rem 55% 1fr auto;
+  grid-template-columns: 6rem 3rem minmax(35%,55%) 1fr auto;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -89,6 +89,10 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
   -ms-grid-column: 3;
 }
 
+.c4 > *:nth-child(4) {
+  -ms-grid-column: 4;
+}
+
 .c4:hover {
   box-shadow: inset 0 0 0 0.1rem #0067c5,0 0.1rem 0.1rem rgba(0,0,0,0.2);
 }
@@ -97,11 +101,11 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
   padding: 0.7rem;
 }
 
-.c7 li {
+.c8 li {
   display: inline-block;
 }
 
-.c7 li:not(:last-child):after {
+.c8 li:not(:last-child):after {
   content: ',';
   margin-right: 0.5em;
 }
@@ -113,20 +117,36 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
   display: flex;
 }
 
-.c6 {
+.c7 {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
-.c9 {
+.c6 {
+  width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c10 {
   border-radius: 0.5rem;
   background-color: #f1f0f0;
   box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0,0,0,0.15);
   padding: 1.25rem;
 }
 
-.c9 dt {
+.c10 dt {
   float: left;
   clear: left;
   font-weight: bold;
@@ -134,16 +154,29 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
   width: 7rem;
 }
 
-.c9 dd {
+.c10 dd {
   margin-bottom: 0.5rem;
   margin-left: 7.125rem;
 }
 
+.c12 {
+  font-weight: bold;
+}
+
+.c13 {
+  margin-top: 0.5rem;
+}
+
+.c11 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
 .c1 {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: 6rem 55% 1fr;
-  grid-template-columns: 6rem minmax(35%,55%) 1fr;
+  -ms-grid-columns: 6rem 4rem 55% 1fr;
+  grid-template-columns: 6rem 4rem minmax(35%,55%) 1fr;
   padding: 0;
   margin-bottom: 1rem;
 }
@@ -160,6 +193,10 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
   -ms-grid-column: 3;
 }
 
+.c1 > *:nth-child(4) {
+  -ms-grid-column: 4;
+}
+
 .c1 > * {
   padding: 0.7rem;
 }
@@ -183,6 +220,11 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
     >
       Dato
     </p>
+    <p
+      className="typo-element"
+    >
+      Status
+    </p>
     <p
       className="typo-element"
     >
@@ -215,18 +257,42 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
               <span
                 className="c5"
               >
-                01.01.2023
+                11.01.2023
+              </span>
+              <span
+                className="c5"
+              >
+                01.08.2023
               </span>
             </p>
+            <div
+              className="c6"
+            >
+              <svg
+                focusable="false"
+                height="1.5em"
+                role="img"
+                viewBox="0 0 24 24"
+                width="1.5em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M12 2.25a.75.75 0 0 1 .656.387l9.527 17.25A.75.75 0 0 1 21.526 21H2.474a.75.75 0 0 1-.657-1.113l9.526-17.25A.75.75 0 0 1 12 2.25ZM12 8.75a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75Zm-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"
+                  fill="#ff9100"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
             <h4
-              className="typo-element c6"
+              className="typo-element c7"
               id="Helt tilfeldig ID"
             >
               Notifikasjon (Ferdigstilt): Et nytt samtalereferat er tilgjengelig i din innboks
             </h4>
             <ul
               aria-label="Kommunikasjonskanaler"
-              className="c7"
+              className="c8"
             >
               <li
                 className="typo-normal"
@@ -247,7 +313,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
             <button
               aria-expanded={false}
               aria-label="Vis mer informasjon om varsel/notifikasjon"
-              className="c8"
+              className="c9"
               onClick={[Function]}
               title="Vis mer informasjon om varsel/notifikasjon"
             >
@@ -257,26 +323,82 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
             </button>
           </div>
           <dl
-            className="c9"
+            className="c10"
           >
-            <dt>
-              Produsert av:
-            </dt>
-            <dd>
-              sf-brukernotifikasjon
-            </dd>
-            <dt>
-              Tekst:
-            </dt>
-            <dd>
-              Et nytt samtalereferat er tilgjengelig i din innboks
-            </dd>
-            <dt>
-              Link:
-            </dt>
-            <dd>
-              https://innboks.nav.no
-            </dd>
+            <div>
+              <dt>
+                Produsert av:
+              </dt>
+              <dd>
+                sf-brukernotifikasjon
+              </dd>
+              <dt>
+                Tekst:
+              </dt>
+              <dd>
+                Et nytt samtalereferat er tilgjengelig i din innboks
+              </dd>
+              <dt>
+                Link:
+              </dt>
+              <dd>
+                https://innboks.nav.no
+              </dd>
+              <dt>
+                Varslet: 
+              </dt>
+              <dd>
+                11.01.2023 - SMS, EPOST
+              </dd>
+              <dt>
+                Revarslet: 
+              </dt>
+              <dd>
+                01.08.2023 - SMS, EPOST
+              </dd>
+              <hr />
+              <div
+                className="c11"
+              >
+                <span
+                  className="c12"
+                >
+                  Varslingsfeil
+                </span>
+                <div
+                  className="c13"
+                >
+                  <li>
+                    01.01.2023
+                     - 
+                    SMS
+                    : 
+                    Feil telefonummer
+                  </li>
+                </div>
+              </div>
+              <hr />
+              <div
+                className="c11"
+              >
+                <span
+                  className="c12"
+                >
+                  Revarslingsfeil
+                </span>
+                <div
+                  className="c13"
+                >
+                  <li>
+                    11.08.2023
+                     - 
+                    EPOST
+                    : 
+                    Feil epost
+                  </li>
+                </div>
+              </div>
+            </div>
           </dl>
         </article>
       </div>
@@ -298,18 +420,42 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
               <span
                 className="c5"
               >
-                01.01.2023
+                11.01.2023
+              </span>
+              <span
+                className="c5"
+              >
+                01.08.2023
               </span>
             </p>
+            <div
+              className="c6"
+            >
+              <svg
+                focusable="false"
+                height="1.5em"
+                role="img"
+                viewBox="0 0 24 24"
+                width="1.5em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M12 2.25a.75.75 0 0 1 .656.387l9.527 17.25A.75.75 0 0 1 21.526 21H2.474a.75.75 0 0 1-.657-1.113l9.526-17.25A.75.75 0 0 1 12 2.25ZM12 8.75a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75Zm-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"
+                  fill="#ff9100"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
             <h4
-              className="typo-element c6"
+              className="typo-element c7"
               id="Helt tilfeldig ID"
             >
               Notifikasjon (Ferdigstilt): Et nytt samtalereferat er tilgjengelig i din innboks
             </h4>
             <ul
               aria-label="Kommunikasjonskanaler"
-              className="c7"
+              className="c8"
             >
               <li
                 className="typo-normal"
@@ -330,7 +476,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
             <button
               aria-expanded={false}
               aria-label="Vis mer informasjon om varsel/notifikasjon"
-              className="c8"
+              className="c9"
               onClick={[Function]}
               title="Vis mer informasjon om varsel/notifikasjon"
             >
@@ -340,26 +486,82 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
             </button>
           </div>
           <dl
-            className="c9"
+            className="c10"
           >
-            <dt>
-              Produsert av:
-            </dt>
-            <dd>
-              sf-brukernotifikasjon
-            </dd>
-            <dt>
-              Tekst:
-            </dt>
-            <dd>
-              Et nytt samtalereferat er tilgjengelig i din innboks
-            </dd>
-            <dt>
-              Link:
-            </dt>
-            <dd>
-              https://innboks.nav.no
-            </dd>
+            <div>
+              <dt>
+                Produsert av:
+              </dt>
+              <dd>
+                sf-brukernotifikasjon
+              </dd>
+              <dt>
+                Tekst:
+              </dt>
+              <dd>
+                Et nytt samtalereferat er tilgjengelig i din innboks
+              </dd>
+              <dt>
+                Link:
+              </dt>
+              <dd>
+                https://innboks.nav.no
+              </dd>
+              <dt>
+                Varslet: 
+              </dt>
+              <dd>
+                11.01.2023 - SMS, EPOST
+              </dd>
+              <dt>
+                Revarslet: 
+              </dt>
+              <dd>
+                01.08.2023 - SMS, EPOST
+              </dd>
+              <hr />
+              <div
+                className="c11"
+              >
+                <span
+                  className="c12"
+                >
+                  Varslingsfeil
+                </span>
+                <div
+                  className="c13"
+                >
+                  <li>
+                    01.01.2023
+                     - 
+                    SMS
+                    : 
+                    Feil telefonummer
+                  </li>
+                </div>
+              </div>
+              <hr />
+              <div
+                className="c11"
+              >
+                <span
+                  className="c12"
+                >
+                  Revarslingsfeil
+                </span>
+                <div
+                  className="c13"
+                >
+                  <li>
+                    11.08.2023
+                     - 
+                    EPOST
+                    : 
+                    Feil epost
+                  </li>
+                </div>
+              </div>
+            </div>
           </dl>
         </article>
       </div>
@@ -381,18 +583,42 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
               <span
                 className="c5"
               >
-                01.01.2023
+                11.01.2023
+              </span>
+              <span
+                className="c5"
+              >
+                01.08.2023
               </span>
             </p>
+            <div
+              className="c6"
+            >
+              <svg
+                focusable="false"
+                height="1.5em"
+                role="img"
+                viewBox="0 0 24 24"
+                width="1.5em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M12 2.25a.75.75 0 0 1 .656.387l9.527 17.25A.75.75 0 0 1 21.526 21H2.474a.75.75 0 0 1-.657-1.113l9.526-17.25A.75.75 0 0 1 12 2.25ZM12 8.75a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75Zm-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"
+                  fill="#ff9100"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
             <h4
-              className="typo-element c6"
+              className="typo-element c7"
               id="Helt tilfeldig ID"
             >
               Notifikasjon (Ferdigstilt): Et nytt samtalereferat er tilgjengelig i din innboks
             </h4>
             <ul
               aria-label="Kommunikasjonskanaler"
-              className="c7"
+              className="c8"
             >
               <li
                 className="typo-normal"
@@ -413,7 +639,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
             <button
               aria-expanded={false}
               aria-label="Vis mer informasjon om varsel/notifikasjon"
-              className="c8"
+              className="c9"
               onClick={[Function]}
               title="Vis mer informasjon om varsel/notifikasjon"
             >
@@ -423,26 +649,82 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
             </button>
           </div>
           <dl
-            className="c9"
+            className="c10"
           >
-            <dt>
-              Produsert av:
-            </dt>
-            <dd>
-              sf-brukernotifikasjon
-            </dd>
-            <dt>
-              Tekst:
-            </dt>
-            <dd>
-              Et nytt samtalereferat er tilgjengelig i din innboks
-            </dd>
-            <dt>
-              Link:
-            </dt>
-            <dd>
-              https://innboks.nav.no
-            </dd>
+            <div>
+              <dt>
+                Produsert av:
+              </dt>
+              <dd>
+                sf-brukernotifikasjon
+              </dd>
+              <dt>
+                Tekst:
+              </dt>
+              <dd>
+                Et nytt samtalereferat er tilgjengelig i din innboks
+              </dd>
+              <dt>
+                Link:
+              </dt>
+              <dd>
+                https://innboks.nav.no
+              </dd>
+              <dt>
+                Varslet: 
+              </dt>
+              <dd>
+                11.01.2023 - SMS, EPOST
+              </dd>
+              <dt>
+                Revarslet: 
+              </dt>
+              <dd>
+                01.08.2023 - SMS, EPOST
+              </dd>
+              <hr />
+              <div
+                className="c11"
+              >
+                <span
+                  className="c12"
+                >
+                  Varslingsfeil
+                </span>
+                <div
+                  className="c13"
+                >
+                  <li>
+                    01.01.2023
+                     - 
+                    SMS
+                    : 
+                    Feil telefonummer
+                  </li>
+                </div>
+              </div>
+              <hr />
+              <div
+                className="c11"
+              >
+                <span
+                  className="c12"
+                >
+                  Revarslingsfeil
+                </span>
+                <div
+                  className="c13"
+                >
+                  <li>
+                    11.08.2023
+                     - 
+                    EPOST
+                    : 
+                    Feil epost
+                  </li>
+                </div>
+              </div>
+            </div>
           </dl>
         </article>
       </div>
@@ -472,15 +754,34 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
                 24.01.2019
               </span>
             </p>
+            <div
+              className="c6"
+            >
+              <svg
+                focusable="false"
+                height="1.5em"
+                role="img"
+                viewBox="0 0 24 24"
+                width="1.5em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm4.573-11.516a.75.75 0 1 0-1.146-.968l-4.973 5.877L8.03 11.97a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.102-.046l5.5-6.5Z"
+                  fill="#06893a"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
             <h4
-              className="typo-element c6"
+              className="typo-element c7"
               id="Helt tilfeldig ID"
             >
               Påminnelse om å sende meldekort
             </h4>
             <ul
               aria-label="Kommunikasjonskanaler"
-              className="c7"
+              className="c8"
             >
               <li
                 className="typo-normal"
@@ -496,7 +797,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
             <button
               aria-expanded={false}
               aria-label="Vis mer informasjon om varsel/notifikasjon"
-              className="c8"
+              className="c9"
               onClick={[Function]}
               title="Vis mer informasjon om varsel/notifikasjon"
             >
@@ -507,11 +808,11 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
           </div>
           <ol
             aria-label="Meldinger"
-            className="c10"
+            className="c14"
           >
             <li
               aria-label="EPOST"
-              className="c11"
+              className="c15"
             >
               <div>
                 <p
@@ -548,7 +849,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
             </li>
             <li
               aria-label="SMS"
-              className="c11"
+              className="c15"
             >
               <div>
                 <p
@@ -600,15 +901,34 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
                 02.02.2019
               </span>
             </p>
+            <div
+              className="c6"
+            >
+              <svg
+                focusable="false"
+                height="1.5em"
+                role="img"
+                viewBox="0 0 24 24"
+                width="1.5em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm4.573-11.516a.75.75 0 1 0-1.146-.968l-4.973 5.877L8.03 11.97a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.102-.046l5.5-6.5Z"
+                  fill="#06893a"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
             <h4
-              className="typo-element c6"
+              className="typo-element c7"
               id="Helt tilfeldig ID"
             >
               Påminnelse om å sende meldekort
             </h4>
             <ul
               aria-label="Kommunikasjonskanaler"
-              className="c7"
+              className="c8"
             >
               <li
                 className="typo-normal"
@@ -619,7 +939,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
             <button
               aria-expanded={false}
               aria-label="Vis mer informasjon om varsel/notifikasjon"
-              className="c8"
+              className="c9"
               onClick={[Function]}
               title="Vis mer informasjon om varsel/notifikasjon"
             >
@@ -630,11 +950,11 @@ exports[`Viser varselcontainer med alt innhold 1`] = `
           </div>
           <ol
             aria-label="Meldinger"
-            className="c10"
+            className="c14"
           >
             <li
               aria-label="EPOST"
-              className="c11"
+              className="c15"
             >
               <div>
                 <p
diff --git a/src/components/featureToggle/toggleIDs.ts b/src/components/featureToggle/toggleIDs.ts
index 0caee81ed..f9bb239e3 100644
--- a/src/components/featureToggle/toggleIDs.ts
+++ b/src/components/featureToggle/toggleIDs.ts
@@ -1,5 +1,4 @@
 export enum FeatureToggles {
     VisTilbakemelding = 'vis-tilbakemelding',
-    useNewDialogComponents = 'modiapersonoversikt.vis-ny-meldingsvisning',
-    visRevarslingDetaljer = 'modiapersonoversikt.modiapersonoversikt-revarsling-visning'
+    useNewDialogComponents = 'modiapersonoversikt.vis-ny-meldingsvisning'
 }
diff --git a/src/mock/featureToggle-mock.ts b/src/mock/featureToggle-mock.ts
index de7635ef4..0c2f6bd9d 100644
--- a/src/mock/featureToggle-mock.ts
+++ b/src/mock/featureToggle-mock.ts
@@ -7,8 +7,6 @@ export function mockFeatureToggle(toggleId: FeatureToggles): FeatureToggleRespon
             return false;
         case FeatureToggles.useNewDialogComponents:
             return true;
-        case FeatureToggles.visRevarslingDetaljer:
-            return true;
         default:
             return Math.random() > 0.5;
     }