diff --git a/packages/sak-historikk/src/components/maler/HistorikkMalType7.tsx b/packages/sak-historikk/src/components/maler/HistorikkMalType7.tsx
index 0aac69d71b..d42810ac31 100644
--- a/packages/sak-historikk/src/components/maler/HistorikkMalType7.tsx
+++ b/packages/sak-historikk/src/components/maler/HistorikkMalType7.tsx
@@ -55,72 +55,94 @@ const HistorikkMalType7 = ({
 
   return (
     <>
-      {historikkinnslagDeler.map((historikkinnslagDel, historikkinnslagDelIndex) => (
-        <div
-          key={
-            `historikkinnslagDel${historikkinnslagDelIndex}` // eslint-disable-line react/no-array-index-key
-          }
-        >
-          {historikkinnslagDel.skjermlenke && (
-            <Skjermlenke
-              skjermlenke={historikkinnslagDel.skjermlenke}
-              behandlingLocation={behandlingLocation}
-              kodeverkNavnFraKodeFn={kodeverkNavnFraKodeFn}
-              createLocationForSkjermlenke={createLocationForSkjermlenke}
-            />
-          )}
+      {historikkinnslagDeler.map((historikkinnslagDel, historikkinnslagDelIndex) => {
+        const {
+          skjermlenke,
+          hendelse,
+          resultat,
+          endredeFelter,
+          opplysninger,
+          tema,
+          aarsak,
+          aarsakKodeverkType,
+          begrunnelse,
+          begrunnelseFritekst,
+          begrunnelseKodeverkType,
+        } = historikkinnslagDel;
 
-          {historikkinnslagDel.hendelse && (
-            <Label size="small" as="p">
-              {findHendelseText(historikkinnslagDel.hendelse, kodeverkNavnFraKodeFn)}
-            </Label>
-          )}
+        const begrunnelseTekst = begrunnelse
+          ? kodeverkNavnFraKodeFn(
+              begrunnelse,
+              KodeverkType[begrunnelseKodeverkType] || KodeverkType.HISTORIKK_BEGRUNNELSE_TYPE,
+            )
+          : null;
 
-          {historikkinnslagDel.resultat && (
-            <Label size="small" as="p">
-              {findResultatText(historikkinnslagDel.resultat, intl, kodeverkNavnFraKodeFn)}
-            </Label>
-          )}
+        const aarsakTekst = begrunnelse
+          ? kodeverkNavnFraKodeFn(
+              begrunnelse,
+              KodeverkType[aarsakKodeverkType] || KodeverkType.HISTORIKK_AVKLART_SOEKNADSPERIODE_TYPE,
+            )
+          : null;
 
-          {historikkinnslagDel.endredeFelter &&
-            historikkinnslagDel.endredeFelter.map((endretFelt, i) => (
-              <div key={`endredeFelter${i + 1}`}>{formatChangedField(endretFelt, intl, kodeverkNavnFraKodeFn)}</div>
-            ))}
-
-          {historikkinnslagDel.opplysninger &&
-            historikkinnslagDel.opplysninger.map(opplysning => (
-              <FormattedMessage
-                id={findIdForOpplysningCode(opplysning)}
-                values={{
-                  antallBarn: opplysning.tilVerdi,
-                  b: chunks => <b>{chunks}</b>,
-                }}
-              />
-            ))}
-          {!!historikkinnslagDel.tema && historikkinnslagDel.tema.navnVerdi !== undefined && (
-            <BodyShort size="small">({historikkinnslagDel.tema.navnVerdi})</BodyShort>
-          )}
-          {historikkinnslagDel.aarsak && (
-            <BodyShort size="small">
-              {kodeverkNavnFraKodeFn(historikkinnslagDel.aarsak, KodeverkType.VENT_AARSAK)}
-            </BodyShort>
-          )}
-          {historikkinnslagDel.begrunnelse && (
-            <BubbleText
-              bodyText={kodeverkNavnFraKodeFn(historikkinnslagDel.begrunnelse, KodeverkType.HISTORIKK_BEGRUNNELSE_TYPE)}
-            />
-          )}
-          {historikkinnslagDel.begrunnelseFritekst && <BubbleText bodyText={historikkinnslagDel.begrunnelseFritekst} />}
-          {dokumentLinks &&
-            dokumentLinks.map(dokumentLenke => (
-              <HistorikkDokumentLenke
-                key={`${dokumentLenke.tag}@${dokumentLenke.url}`}
-                dokumentLenke={dokumentLenke}
-                saksnummer={saksnummer}
+        return (
+          <div
+            key={
+              `historikkinnslagDel${historikkinnslagDelIndex}` // eslint-disable-line react/no-array-index-key
+            }
+          >
+            {skjermlenke && (
+              <Skjermlenke
+                skjermlenke={skjermlenke}
+                behandlingLocation={behandlingLocation}
+                kodeverkNavnFraKodeFn={kodeverkNavnFraKodeFn}
+                createLocationForSkjermlenke={createLocationForSkjermlenke}
               />
-            ))}
-        </div>
-      ))}
+            )}
+
+            {hendelse && (
+              <Label size="small" as="p">
+                {findHendelseText(hendelse, kodeverkNavnFraKodeFn)}
+              </Label>
+            )}
+
+            {resultat && (
+              <Label size="small" as="p">
+                {findResultatText(resultat, intl, kodeverkNavnFraKodeFn)}
+              </Label>
+            )}
+
+            {endredeFelter &&
+              endredeFelter.map((endretFelt, i) => (
+                <div key={`endredeFelter${i + 1}`}>{formatChangedField(endretFelt, intl, kodeverkNavnFraKodeFn)}</div>
+              ))}
+
+            {opplysninger &&
+              opplysninger.map(opplysning => (
+                <FormattedMessage
+                  id={findIdForOpplysningCode(opplysning)}
+                  values={{
+                    antallBarn: opplysning.tilVerdi,
+                    b: chunks => <b>{chunks}</b>,
+                  }}
+                />
+              ))}
+            {!!tema && tema.navnVerdi !== undefined && (
+              <BodyShort size="small">({historikkinnslagDel.tema.navnVerdi})</BodyShort>
+            )}
+            {aarsak && <BodyShort size="small">{aarsakTekst}</BodyShort>}
+            {begrunnelse && <BubbleText bodyText={begrunnelseTekst} />}
+            {begrunnelseFritekst && <BubbleText bodyText={begrunnelseFritekst} />}
+            {dokumentLinks &&
+              dokumentLinks.map(dokumentLenke => (
+                <HistorikkDokumentLenke
+                  key={`${dokumentLenke.tag}@${dokumentLenke.url}`}
+                  dokumentLenke={dokumentLenke}
+                  saksnummer={saksnummer}
+                />
+              ))}
+          </div>
+        );
+      })}
     </>
   );
 };
diff --git a/packages/sak-historikk/src/components/maler/HistorikkMalType8.tsx b/packages/sak-historikk/src/components/maler/HistorikkMalType8.tsx
index f684bcea13..622ae5b752 100644
--- a/packages/sak-historikk/src/components/maler/HistorikkMalType8.tsx
+++ b/packages/sak-historikk/src/components/maler/HistorikkMalType8.tsx
@@ -62,67 +62,88 @@ const HistorikkMalType8 = ({
 
   return (
     <>
-      {historikkinnslagDeler.map((historikkinnslagDel, historikkinnslagDelIndex) => (
-        <div
-          key={
-            `historikkinnslagDel${historikkinnslagDelIndex}` // eslint-disable-line react/no-array-index-key
-          }
-        >
-          {historikkinnslagDel.skjermlenke && (
-            <Skjermlenke
-              skjermlenke={historikkinnslagDel.skjermlenke}
-              behandlingLocation={behandlingLocation}
-              kodeverkNavnFraKodeFn={kodeverkNavnFraKodeFn}
-              createLocationForSkjermlenke={createLocationForSkjermlenke}
-            />
-          )}
+      {historikkinnslagDeler.map((historikkinnslagDel, historikkinnslagDelIndex) => {
+        const {
+          skjermlenke,
+          hendelse,
+          resultat,
+          endredeFelter,
+          opplysninger,
+          aarsak,
+          aarsakKodeverkType,
+          begrunnelse,
+          begrunnelseKodeverkType,
+          begrunnelseFritekst,
+        } = historikkinnslagDel;
 
-          {historikkinnslagDel.hendelse && (
-            <Label size="small" as="p">
-              {findHendelseText(historikkinnslagDel.hendelse, kodeverkNavnFraKodeFn)}
-            </Label>
-          )}
+        const begrunnelseTekst = begrunnelse
+          ? kodeverkNavnFraKodeFn(
+              begrunnelse,
+              KodeverkType[begrunnelseKodeverkType] || KodeverkType.HISTORIKK_BEGRUNNELSE_TYPE,
+            )
+          : null;
 
-          {historikkinnslagDel.resultat && (
-            <Label size="small" as="p">
-              {findResultatText(historikkinnslagDel.resultat, intl, kodeverkNavnFraKodeFn)}
-            </Label>
-          )}
+        const aarsakTekst = begrunnelse
+          ? kodeverkNavnFraKodeFn(
+              begrunnelse,
+              KodeverkType[aarsakKodeverkType] || KodeverkType.HISTORIKK_AVKLART_SOEKNADSPERIODE_TYPE,
+            )
+          : null;
 
-          {historikkinnslagDel.endredeFelter &&
-            historikkinnslagDel.endredeFelter.map((endretFelt, i) => (
-              <div key={`endredeFelter${i + 1}`}>{formatChangedField(endretFelt, intl, kodeverkNavnFraKodeFn)}</div>
-            ))}
-
-          {historikkinnslagDel.opplysninger &&
-            historikkinnslagDel.opplysninger.map(opplysning => (
-              <FormattedMessage
-                id={findIdForOpplysningCode(opplysning)}
-                values={{ antallBarn: opplysning.tilVerdi, b: chunks => <b>{chunks}</b> }}
+        return (
+          <div
+            key={
+              `historikkinnslagDel${historikkinnslagDelIndex}` // eslint-disable-line react/no-array-index-key
+            }
+          >
+            {skjermlenke && (
+              <Skjermlenke
+                skjermlenke={skjermlenke}
+                behandlingLocation={behandlingLocation}
+                kodeverkNavnFraKodeFn={kodeverkNavnFraKodeFn}
+                createLocationForSkjermlenke={createLocationForSkjermlenke}
               />
-            ))}
+            )}
 
-          {historikkinnslagDel.aarsak && (
-            <BodyShort size="small">
-              {kodeverkNavnFraKodeFn(historikkinnslagDel.aarsak, KodeverkType.VENT_AARSAK)}
-            </BodyShort>
-          )}
-          {historikkinnslagDel.begrunnelse && (
-            <BubbleText
-              bodyText={kodeverkNavnFraKodeFn(historikkinnslagDel.begrunnelse, KodeverkType.HISTORIKK_BEGRUNNELSE_TYPE)}
-            />
-          )}
-          {historikkinnslagDel.begrunnelseFritekst && <BubbleText bodyText={historikkinnslagDel.begrunnelseFritekst} />}
-          {dokumentLinks &&
-            dokumentLinks.map(dokumentLenke => (
-              <HistorikkDokumentLenke
-                key={`${dokumentLenke.tag}@${dokumentLenke.url}`}
-                dokumentLenke={dokumentLenke}
-                saksnummer={saksnummer}
-              />
-            ))}
-        </div>
-      ))}
+            {hendelse && (
+              <Label size="small" as="p">
+                {findHendelseText(hendelse, kodeverkNavnFraKodeFn)}
+              </Label>
+            )}
+
+            {resultat && (
+              <Label size="small" as="p">
+                {findResultatText(resultat, intl, kodeverkNavnFraKodeFn)}
+              </Label>
+            )}
+
+            {endredeFelter &&
+              endredeFelter.map((endretFelt, i) => (
+                <div key={`endredeFelter${i + 1}`}>{formatChangedField(endretFelt, intl, kodeverkNavnFraKodeFn)}</div>
+              ))}
+
+            {opplysninger &&
+              opplysninger.map(opplysning => (
+                <FormattedMessage
+                  id={findIdForOpplysningCode(opplysning)}
+                  values={{ antallBarn: opplysning.tilVerdi, b: chunks => <b>{chunks}</b> }}
+                />
+              ))}
+
+            {aarsak && <BodyShort size="small">{aarsakTekst}</BodyShort>}
+            {begrunnelse && <BubbleText bodyText={begrunnelseTekst} />}
+            {begrunnelseFritekst && <BubbleText bodyText={begrunnelseFritekst} />}
+            {dokumentLinks &&
+              dokumentLinks.map(dokumentLenke => (
+                <HistorikkDokumentLenke
+                  key={`${dokumentLenke.tag}@${dokumentLenke.url}`}
+                  dokumentLenke={dokumentLenke}
+                  saksnummer={saksnummer}
+                />
+              ))}
+          </div>
+        );
+      })}
     </>
   );
 };
diff --git a/packages/sak-historikk/src/components/maler/HistorikkmalFelles7og8.tsx b/packages/sak-historikk/src/components/maler/HistorikkmalFelles7og8.tsx
index 5823e298f0..8f5028c1dd 100644
--- a/packages/sak-historikk/src/components/maler/HistorikkmalFelles7og8.tsx
+++ b/packages/sak-historikk/src/components/maler/HistorikkmalFelles7og8.tsx
@@ -18,63 +18,83 @@ const HistorikkMalFelles7og8 = ({
   saksnummer,
 }: HistorikkMal & WrappedComponentProps) => {
   const { historikkinnslagDeler, dokumentLinks } = historikkinnslag;
+
   return (
     <>
-      {historikkinnslagDeler.map((historikkinnslagDel, historikkinnslagDelIndex) => (
-        <div
-          key={
-            `historikkinnslagDel${historikkinnslagDelIndex}` // eslint-disable-line react/no-array-index-key
-          }
-        >
-          <Skjermlenke
-            skjermlenke={historikkinnslagDel.skjermlenke}
-            behandlingLocation={behandlingLocation}
-            kodeverkNavnFraKodeFn={kodeverkNavnFraKodeFn}
-            scrollUpOnClick={false}
-            createLocationForSkjermlenke={createLocationForSkjermlenke}
-          />
+      {historikkinnslagDeler.map((historikkinnslagDel, historikkinnslagDelIndex) => {
+        const {
+          hendelse,
+          resultat,
+          endredeFelter,
+          opplysninger,
+          aarsak,
+          begrunnelse,
+          begrunnelseFritekst,
+          aarsakKodeverkType,
+        } = historikkinnslagDel;
+
+        const aarsakTekst = begrunnelse
+          ? kodeverkNavnFraKodeFn(
+              begrunnelse,
+              KodeverkType[aarsakKodeverkType] || KodeverkType.HISTORIKK_AVKLART_SOEKNADSPERIODE_TYPE,
+            )
+          : null;
 
-          {historikkinnslagDel.hendelse && (
-            <Label size="small" as="p">
-              {findHendelseText(historikkinnslagDel.hendelse, kodeverkNavnFraKodeFn)}
-            </Label>
-          )}
+        return (
+          <div
+            key={
+              `historikkinnslagDel${historikkinnslagDelIndex}` // eslint-disable-line react/no-array-index-key
+            }
+          >
+            <Skjermlenke
+              skjermlenke={historikkinnslagDel.skjermlenke}
+              behandlingLocation={behandlingLocation}
+              kodeverkNavnFraKodeFn={kodeverkNavnFraKodeFn}
+              scrollUpOnClick={false}
+              createLocationForSkjermlenke={createLocationForSkjermlenke}
+            />
 
-          {historikkinnslagDel.resultat && (
-            <Label size="small" as="p">
-              {findResultatText(historikkinnslagDel.resultat, intl, kodeverkNavnFraKodeFn)}
-            </Label>
-          )}
+            {hendelse && (
+              <Label size="small" as="p">
+                {findHendelseText(hendelse, kodeverkNavnFraKodeFn)}
+              </Label>
+            )}
 
-          {historikkinnslagDel.endredeFelter &&
-            historikkinnslagDel.endredeFelter.map((endretFelt, i) => (
-              <div key={`endredeFelter${i + 1}`}>{/* formatChangedField(endretFelt) */}</div>
-            ))}
+            {resultat && (
+              <Label size="small" as="p">
+                {findResultatText(resultat, intl, kodeverkNavnFraKodeFn)}
+              </Label>
+            )}
 
-          {historikkinnslagDel.opplysninger &&
-            historikkinnslagDel.opplysninger.map(opplysning => (
-              <FormattedMessage id={findIdForOpplysningCode(opplysning)} values={{ antallBarn: opplysning.tilVerdi }} />
-            ))}
+            {endredeFelter &&
+              endredeFelter.map((endretFelt, i) => (
+                <div key={`endredeFelter${i + 1}`}>{/* formatChangedField(endretFelt) */}</div>
+              ))}
 
-          {historikkinnslagDel.aarsak && (
-            <BodyShort size="small">
-              {kodeverkNavnFraKodeFn(historikkinnslagDel.aarsak, KodeverkType.HISTORIKK_AVKLART_SOEKNADSPERIODE_TYPE)}
-            </BodyShort>
-          )}
-          {historikkinnslagDel.begrunnelse && <BubbleText bodyText="" />}
-          {historikkinnslagDel.begrunnelseFritekst && <BubbleText bodyText={historikkinnslagDel.begrunnelseFritekst} />}
-          <div>
-            {dokumentLinks &&
-              dokumentLinks.map(dokumentLenke => (
-                <HistorikkDokumentLenke
-                  key={`${dokumentLenke.tag}@${dokumentLenke.url}`}
-                  dokumentLenke={dokumentLenke}
-                  saksnummer={saksnummer}
+            {opplysninger &&
+              opplysninger.map(opplysning => (
+                <FormattedMessage
+                  id={findIdForOpplysningCode(opplysning)}
+                  values={{ antallBarn: opplysning.tilVerdi }}
                 />
               ))}
+
+            {aarsak && <BodyShort size="small">{aarsakTekst}</BodyShort>}
+            {begrunnelse && <BubbleText bodyText="" />}
+            {begrunnelseFritekst && <BubbleText bodyText={begrunnelseFritekst} />}
+            <div>
+              {dokumentLinks &&
+                dokumentLinks.map(dokumentLenke => (
+                  <HistorikkDokumentLenke
+                    key={`${dokumentLenke.tag}@${dokumentLenke.url}`}
+                    dokumentLenke={dokumentLenke}
+                    saksnummer={saksnummer}
+                  />
+                ))}
+            </div>
           </div>
-        </div>
-      ))}
+        );
+      })}
     </>
   );
 };
diff --git a/packages/sak-historikk/src/components/maler/historikkMalType1.tsx b/packages/sak-historikk/src/components/maler/historikkMalType1.tsx
index 430d3c86e9..760efcc9a8 100644
--- a/packages/sak-historikk/src/components/maler/historikkMalType1.tsx
+++ b/packages/sak-historikk/src/components/maler/historikkMalType1.tsx
@@ -28,7 +28,7 @@ const HistorikkMalType1 = ({ historikkinnslag, kodeverkNavnFraKodeFn, saksnummer
           {findHendelseText(hendelse, kodeverkNavnFraKodeFn)}
         </Label>
       )}
-      {begrunnelseTekst && <BubbleText bodyText={begrunnelseTekst} />}
+      {begrunnelse && <BubbleText bodyText={begrunnelseTekst} />}
       {begrunnelseFritekst && <BubbleText bodyText={begrunnelseFritekst} />}
       {dokumentLinks &&
         dokumentLinks.map(dokumentLenke => (
diff --git a/packages/sak-historikk/src/components/maler/historikkMalType4.tsx b/packages/sak-historikk/src/components/maler/historikkMalType4.tsx
index 73148cf56c..e9ef476a35 100644
--- a/packages/sak-historikk/src/components/maler/historikkMalType4.tsx
+++ b/packages/sak-historikk/src/components/maler/historikkMalType4.tsx
@@ -9,24 +9,35 @@ import { findHendelseText } from './felles/historikkUtils';
 
 const HistorikkMalType4 = ({ historikkinnslag, kodeverkNavnFraKodeFn }: HistorikkMal & WrappedComponentProps) => (
   <>
-    {historikkinnslag.historikkinnslagDeler.map((del, delIndex) => (
-      <div
-        key={
-          `del${delIndex}` // eslint-disable-line react/no-array-index-key
-        }
-      >
-        <Label size="small" as="p" className="snakkeboble-panel__tekst">
-          {findHendelseText(del.hendelse, kodeverkNavnFraKodeFn)}
-        </Label>
-        {del.aarsak && (
-          <BodyShort size="small">{kodeverkNavnFraKodeFn(del.aarsak, KodeverkType.VENT_AARSAK)}</BodyShort>
-        )}
-        {del.begrunnelse && (
-          <BubbleText bodyText={kodeverkNavnFraKodeFn(del.begrunnelse, KodeverkType.HISTORIKK_BEGRUNNELSE_TYPE)} />
-        )}
-        {del.begrunnelseFritekst && <BubbleText bodyText={decodeHtmlEntity(del.begrunnelseFritekst)} />}
-      </div>
-    ))}
+    {historikkinnslag.historikkinnslagDeler.map((del, delIndex) => {
+      const { aarsak, begrunnelse, begrunnelseFritekst, aarsakKodeverkType, begrunnelseKodeverkType } = del;
+
+      const aarsakTekst = begrunnelse
+        ? kodeverkNavnFraKodeFn(begrunnelse, KodeverkType[aarsakKodeverkType] || KodeverkType.VENT_AARSAK)
+        : null;
+
+      const begrunnelseTekst = begrunnelse
+        ? kodeverkNavnFraKodeFn(
+            begrunnelse,
+            KodeverkType[begrunnelseKodeverkType] || KodeverkType.HISTORIKK_BEGRUNNELSE_TYPE,
+          )
+        : null;
+
+      return (
+        <div
+          key={
+            `del${delIndex}` // eslint-disable-line react/no-array-index-key
+          }
+        >
+          <Label size="small" as="p" className="snakkeboble-panel__tekst">
+            {findHendelseText(del.hendelse, kodeverkNavnFraKodeFn)}
+          </Label>
+          {aarsak && <BodyShort size="small">{aarsakTekst}</BodyShort>}
+          {begrunnelse && <BubbleText bodyText={begrunnelseTekst} />}
+          {begrunnelseFritekst && <BubbleText bodyText={decodeHtmlEntity(begrunnelseFritekst)} />}
+        </div>
+      );
+    })}
   </>
 );
 
diff --git a/packages/sak-historikk/src/components/maler/historikkMalType5.tsx b/packages/sak-historikk/src/components/maler/historikkMalType5.tsx
index f2f626ea5c..74487fb3a7 100644
--- a/packages/sak-historikk/src/components/maler/historikkMalType5.tsx
+++ b/packages/sak-historikk/src/components/maler/historikkMalType5.tsx
@@ -157,78 +157,97 @@ const HistorikkMalType5 = ({
   saksnummer,
 }: HistorikkMal & WrappedComponentProps) => (
   <>
-    {historikkinnslag.historikkinnslagDeler.map((historikkinnslagDel, historikkinnslagDelIndex) => (
-      <div
-        key={
-          `historikkinnslagDel${historikkinnslagDelIndex}` // eslint-disable-line react/no-array-index-key
-        }
-      >
-        {historikkinnslagDel.skjermlenke && (
-          <Skjermlenke
-            skjermlenke={historikkinnslagDel.skjermlenke}
-            behandlingLocation={behandlingLocation}
-            kodeverkNavnFraKodeFn={kodeverkNavnFraKodeFn}
-            scrollUpOnClick
-            createLocationForSkjermlenke={createLocationForSkjermlenke}
-          />
-        )}
-
-        {lageElementInnhold(historikkinnslagDel, intl, kodeverkNavnFraKodeFn).map(tekst => (
-          <div key={tekst}>
-            <Label size="small" as="p">
-              {tekst}
-            </Label>
-          </div>
-        ))}
-
-        {lagGjeldendeFraInnslag(historikkinnslagDel)}
+    {historikkinnslag.historikkinnslagDeler.map((historikkinnslagDel, historikkinnslagDelIndex) => {
+      const {
+        skjermlenke,
+        soeknadsperiode,
+        endredeFelter,
+        opplysninger,
+        aarsakKodeverkType,
+        begrunnelse,
+        begrunnelseKodeverkType,
+        begrunnelseFritekst,
+        aarsak,
+      } = historikkinnslagDel;
+
+      const begrunnelseTekst = begrunnelse
+        ? kodeverkNavnFraKodeFn(
+            begrunnelse,
+            KodeverkType[begrunnelseKodeverkType] || KodeverkType.HISTORIKK_BEGRUNNELSE_TYPE,
+          )
+        : null;
+
+      const aarsakTekst = begrunnelse
+        ? kodeverkNavnFraKodeFn(
+            begrunnelse,
+            KodeverkType[aarsakKodeverkType] || KodeverkType.HISTORIKK_AVKLART_SOEKNADSPERIODE_TYPE,
+          )
+        : null;
 
-        {historikkinnslagDel.soeknadsperiode &&
-          lagSoeknadsperiode(historikkinnslagDel.soeknadsperiode, kodeverkNavnFraKodeFn)}
-
-        {lagTemaHeadingId(historikkinnslagDel)}
-
-        {historikkinnslagDel.endredeFelter &&
-          historikkinnslagDel.endredeFelter.map((endretFelt, i) => (
-            <BodyShort size="small" key={`endredeFelter${i + 1}`}>
-              {formatChangedField(endretFelt, intl, kodeverkNavnFraKodeFn)}
-            </BodyShort>
+      return (
+        <div
+          key={
+            `historikkinnslagDel${historikkinnslagDelIndex}` // eslint-disable-line react/no-array-index-key
+          }
+        >
+          {skjermlenke && (
+            <Skjermlenke
+              skjermlenke={skjermlenke}
+              behandlingLocation={behandlingLocation}
+              kodeverkNavnFraKodeFn={kodeverkNavnFraKodeFn}
+              scrollUpOnClick
+              createLocationForSkjermlenke={createLocationForSkjermlenke}
+            />
+          )}
+
+          {lageElementInnhold(historikkinnslagDel, intl, kodeverkNavnFraKodeFn).map(tekst => (
+            <div key={tekst}>
+              <Label size="small" as="p">
+                {tekst}
+              </Label>
+            </div>
           ))}
 
-        {historikkinnslagDel.opplysninger &&
-          historikkinnslagDel.opplysninger.map(opplysning => (
-            <BodyShort size="small">
-              <FormattedMessage
-                id={findIdForOpplysningCode(opplysning)}
-                values={{ antallBarn: opplysning.tilVerdi, b: chunks => <b>{chunks}</b>, br: <br /> }}
-                key={`${kodeverkNavnFraKodeFn(opplysning.opplysningType, KodeverkType.HISTORIKK_OPPLYSNING_TYPE)}@${opplysning.tilVerdi}`}
+          {lagGjeldendeFraInnslag(historikkinnslagDel)}
+
+          {soeknadsperiode && lagSoeknadsperiode(soeknadsperiode, kodeverkNavnFraKodeFn)}
+
+          {lagTemaHeadingId(historikkinnslagDel)}
+
+          {endredeFelter &&
+            endredeFelter.map((endretFelt, i) => (
+              <BodyShort size="small" key={`endredeFelter${i + 1}`}>
+                {formatChangedField(endretFelt, intl, kodeverkNavnFraKodeFn)}
+              </BodyShort>
+            ))}
+
+          {opplysninger &&
+            opplysninger.map(opplysning => (
+              <BodyShort size="small">
+                <FormattedMessage
+                  id={findIdForOpplysningCode(opplysning)}
+                  values={{ antallBarn: opplysning.tilVerdi, b: chunks => <b>{chunks}</b>, br: <br /> }}
+                  key={`${kodeverkNavnFraKodeFn(opplysning.opplysningType, KodeverkType.HISTORIKK_OPPLYSNING_TYPE)}@${opplysning.tilVerdi}`}
+                />
+              </BodyShort>
+            ))}
+
+          {aarsak && <BodyShort size="small">{aarsakTekst}</BodyShort>}
+          {begrunnelse && <BubbleText bodyText={begrunnelseTekst} />}
+          {begrunnelseFritekst && <BubbleText bodyText={begrunnelseFritekst} />}
+          {historikkinnslag.dokumentLinks &&
+            historikkinnslag.dokumentLinks.map(dokumentLenke => (
+              <HistorikkDokumentLenke
+                key={`${dokumentLenke.tag}@${dokumentLenke.url}`}
+                dokumentLenke={dokumentLenke}
+                saksnummer={saksnummer}
               />
-            </BodyShort>
-          ))}
-
-        {historikkinnslagDel.aarsak && (
-          <BodyShort size="small">
-            {kodeverkNavnFraKodeFn(historikkinnslagDel.aarsak, KodeverkType.HISTORIKK_AVKLART_SOEKNADSPERIODE_TYPE)}
-          </BodyShort>
-        )}
-        {historikkinnslagDel.begrunnelse && (
-          <BubbleText
-            bodyText={kodeverkNavnFraKodeFn(historikkinnslagDel.begrunnelse, KodeverkType.HISTORIKK_BEGRUNNELSE_TYPE)}
-          />
-        )}
-        {historikkinnslagDel.begrunnelseFritekst && <BubbleText bodyText={historikkinnslagDel.begrunnelseFritekst} />}
-        {historikkinnslag.dokumentLinks &&
-          historikkinnslag.dokumentLinks.map(dokumentLenke => (
-            <HistorikkDokumentLenke
-              key={`${dokumentLenke.tag}@${dokumentLenke.url}`}
-              dokumentLenke={dokumentLenke}
-              saksnummer={saksnummer}
-            />
-          ))}
+            ))}
 
-        {historikkinnslagDelIndex < historikkinnslag.historikkinnslagDeler.length - 1 && <VerticalSpacer sixteenPx />}
-      </div>
-    ))}
+          {historikkinnslagDelIndex < historikkinnslag.historikkinnslagDeler.length - 1 && <VerticalSpacer sixteenPx />}
+        </div>
+      );
+    })}
   </>
 );