diff --git a/src/frontend/api/behandling.ts b/src/frontend/api/behandling.ts
index 3e01eff4..46200526 100644
--- a/src/frontend/api/behandling.ts
+++ b/src/frontend/api/behandling.ts
@@ -73,6 +73,15 @@ const useBehandlingApi = () => {
         });
     };
 
+    const gjerFeilutbetalingInaktiveVilkårsvurderingerKall = (
+        behandlingId: string
+    ): Promise<Ressurs<IFeilutbetalingVilkårsvurdering[]>> => {
+        return request<void, IFeilutbetalingVilkårsvurdering[]>({
+            method: 'GET',
+            url: `${behandlingerApiPrefix}/${behandlingId}/vilkarsvurdering/inaktiv`,
+        });
+    };
+
     const sendInnFeilutbetalingVilkårsvurdering = (
         behandlingId: string,
         payload: VilkårdsvurderingStegPayload
@@ -201,6 +210,7 @@ const useBehandlingApi = () => {
         fjernManuellBrevmottaker,
         hentManuelleBrevmottakere,
         kallAngreSendTilBeslutter,
+        gjerFeilutbetalingInaktiveVilkårsvurderingerKall,
     };
 };
 
diff --git a/src/frontend/komponenter/Fagsak/BehandlingContainer.tsx b/src/frontend/komponenter/Fagsak/BehandlingContainer.tsx
index a8376a13..37cb32d6 100644
--- a/src/frontend/komponenter/Fagsak/BehandlingContainer.tsx
+++ b/src/frontend/komponenter/Fagsak/BehandlingContainer.tsx
@@ -18,6 +18,8 @@ import VedtakContainer from './Vedtak/VedtakContainer';
 import VergeContainer from './Verge/VergeContainer';
 import { VergeProvider } from './Verge/VergeContext';
 import { FeilutbetalingVilkårsvurderingProvider } from './Vilkårsvurdering/FeilutbetalingVilkårsvurderingContext';
+import HistoriskVilkårsvurderingContainer from './Vilkårsvurdering/historikk/HistoriskVilkårsvurderingContainer';
+import { HistoriskVilkårsvurderingProvider } from './Vilkårsvurdering/historikk/HistoriskVilkårsvurderingContext';
 import VilkårsvurderingContainer from './Vilkårsvurdering/VilkårsvurderingContainer';
 import { useBehandling } from '../../context/BehandlingContext';
 import { Behandlingstatus, IBehandling } from '../../typer/behandling';
@@ -143,6 +145,17 @@ const BehandlingContainer: React.FC<IProps> = ({ fagsak, behandling }) => {
                             </FeilutbetalingVilkårsvurderingProvider>
                         }
                     />
+                    <Route
+                        path={BEHANDLING_KONTEKST_PATH + '/inaktiv-vilkaarsvurdering'}
+                        element={
+                            <HistoriskVilkårsvurderingProvider behandling={behandling}>
+                                <HistoriskVilkårsvurderingContainer
+                                    behandling={behandling}
+                                    fagsak={fagsak}
+                                />
+                            </HistoriskVilkårsvurderingProvider>
+                        }
+                    />
 
                     <Route
                         path={BEHANDLING_KONTEKST_PATH + '/vedtak'}
diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/historikk/HistoriskVilk\303\245rsvurderingContainer.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/historikk/HistoriskVilk\303\245rsvurderingContainer.tsx"
new file mode 100644
index 00000000..fbe61443
--- /dev/null
+++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/historikk/HistoriskVilk\303\245rsvurderingContainer.tsx"
@@ -0,0 +1,97 @@
+import * as React from 'react';
+
+import { styled } from 'styled-components';
+
+import { Alert, BodyLong, Heading, Loader, Select, VStack } from '@navikt/ds-react';
+import { ASpacing3 } from '@navikt/ds-tokens/dist/tokens';
+import { RessursStatus } from '@navikt/familie-typer';
+
+import { useHistoriskVilkårsvurdering } from './HistoriskVilkårsvurderingContext';
+import HistoriskVilkårsvurderingVisning from './HistoriskVilkårsvurderingVisning';
+import { IBehandling } from '../../../../typer/behandling';
+import { IFagsak } from '../../../../typer/fagsak';
+import { formatterDatoOgTidstring } from '../../../../utils';
+
+const Container = styled.div`
+    padding: ${ASpacing3};
+`;
+
+const MidtstiltContainer = styled(Container)`
+    text-align: center;
+`;
+
+interface IProps {
+    fagsak: IFagsak;
+    behandling: IBehandling;
+}
+
+const HistoriskVilkårsvurderingContainer: React.FC<IProps> = () => {
+    const {
+        feilutbetalingInaktiveVilkårsvurderinger,
+        skjemaData,
+        settFeilutbetalingInaktivVilkårsvurdering,
+    } = useHistoriskVilkårsvurdering();
+
+    switch (feilutbetalingInaktiveVilkårsvurderinger?.status) {
+        case RessursStatus.SUKSESS: {
+            return (
+                <Container>
+                    <VStack gap="5">
+                        <Heading level="2" size="small">
+                            Tidligere vilkårsvurderinger på denne behandlingen
+                        </Heading>
+                        <Select
+                            onChange={e => {
+                                const valgtVurdering =
+                                    feilutbetalingInaktiveVilkårsvurderinger.data.find(
+                                        vurdering => vurdering.opprettetTid === e.target.value
+                                    );
+                                settFeilutbetalingInaktivVilkårsvurdering(valgtVurdering);
+                            }}
+                            label={'Velg versjon'}
+                        >
+                            <option>Velg</option>
+                            {feilutbetalingInaktiveVilkårsvurderinger.data
+                                .reverse()
+                                .map((vurdering, index) => {
+                                    return (
+                                        vurdering.opprettetTid && (
+                                            <option value={vurdering.opprettetTid} key={index}>
+                                                Endret{' '}
+                                                {formatterDatoOgTidstring(vurdering.opprettetTid)}
+                                            </option>
+                                        )
+                                    );
+                                })}
+                        </Select>
+                        {skjemaData && skjemaData.length > 0 && (
+                            <HistoriskVilkårsvurderingVisning perioder={skjemaData} />
+                        )}
+                    </VStack>
+                </Container>
+            );
+        }
+        case RessursStatus.HENTER:
+            return (
+                <MidtstiltContainer>
+                    <BodyLong spacing>Henting av feilutbetalingen tar litt tid.</BodyLong>
+                    <Loader
+                        size="2xlarge"
+                        title="henter..."
+                        transparent={false}
+                        variant="neutral"
+                    />
+                </MidtstiltContainer>
+            );
+        case RessursStatus.FEILET:
+        case RessursStatus.FUNKSJONELL_FEIL:
+            return (
+                <Alert
+                    children={feilutbetalingInaktiveVilkårsvurderinger.frontendFeilmelding}
+                    variant="error"
+                />
+            );
+    }
+};
+
+export default HistoriskVilkårsvurderingContainer;
diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/historikk/HistoriskVilk\303\245rsvurderingContext.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/historikk/HistoriskVilk\303\245rsvurderingContext.tsx"
new file mode 100644
index 00000000..f74ce5c6
--- /dev/null
+++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/historikk/HistoriskVilk\303\245rsvurderingContext.tsx"
@@ -0,0 +1,82 @@
+import * as React from 'react';
+
+import { AxiosError } from 'axios';
+import createUseContext from 'constate';
+
+import {
+    byggFeiletRessurs,
+    byggHenterRessurs,
+    byggTomRessurs,
+    type Ressurs,
+} from '@navikt/familie-typer';
+
+import { useBehandlingApi } from '../../../../api/behandling';
+import { IBehandling } from '../../../../typer/behandling';
+import { IFeilutbetalingVilkårsvurdering } from '../../../../typer/feilutbetalingtyper';
+import { sorterFeilutbetaltePerioder } from '../../../../utils';
+import { VilkårsvurderingPeriodeSkjemaData } from '../typer/feilutbetalingVilkårsvurdering';
+
+interface IProps {
+    behandling: IBehandling;
+}
+
+const [HistoriskVilkårsvurderingProvider, useHistoriskVilkårsvurdering] = createUseContext(
+    ({ behandling }: IProps) => {
+        const [
+            feilutbetalingInaktiveVilkårsvurderinger,
+            settFeilutbetalingInaktiveVilkårsvurderinger,
+        ] = React.useState<Ressurs<IFeilutbetalingVilkårsvurdering[]>>(byggTomRessurs);
+
+        const [skjemaData, settSkjemaData] = React.useState<VilkårsvurderingPeriodeSkjemaData[]>(
+            []
+        );
+
+        React.useEffect(() => {
+            hentFeilutbetalingVilkårsvurdering();
+        }, [behandling]);
+
+        const settFeilutbetalingInaktivVilkårsvurdering = (
+            feilutbetalingInaktivVilkårsvurdering?: IFeilutbetalingVilkårsvurdering
+        ) => {
+            if (feilutbetalingInaktivVilkårsvurdering) {
+                const perioder = feilutbetalingInaktivVilkårsvurdering.perioder;
+                const sortertePerioder = sorterFeilutbetaltePerioder(perioder);
+                const skjemaPerioder = sortertePerioder.map((fuFP, index) => {
+                    const skjemaPeriode: VilkårsvurderingPeriodeSkjemaData = {
+                        index: `idx_fpsd_inaktiv_${index}`,
+                        ...fuFP,
+                    };
+                    return skjemaPeriode;
+                });
+
+                settSkjemaData(skjemaPerioder);
+            }
+        };
+
+        const { gjerFeilutbetalingInaktiveVilkårsvurderingerKall } = useBehandlingApi();
+
+        const hentFeilutbetalingVilkårsvurdering = (): void => {
+            settFeilutbetalingInaktiveVilkårsvurderinger(byggHenterRessurs());
+            gjerFeilutbetalingInaktiveVilkårsvurderingerKall(behandling.behandlingId)
+                .then((respons: Ressurs<IFeilutbetalingVilkårsvurdering[]>) => {
+                    settFeilutbetalingInaktiveVilkårsvurderinger(respons);
+                })
+                .catch((error: AxiosError) => {
+                    console.log('Error ved henting av vilkårsvurdering: ', error);
+                    settFeilutbetalingInaktiveVilkårsvurderinger(
+                        byggFeiletRessurs(
+                            'Ukjent feil ved henting av vilkårsvurdering-perioder for behandling'
+                        )
+                    );
+                });
+        };
+
+        return {
+            feilutbetalingInaktiveVilkårsvurderinger,
+            settFeilutbetalingInaktivVilkårsvurdering,
+            skjemaData,
+        };
+    }
+);
+
+export { HistoriskVilkårsvurderingProvider, useHistoriskVilkårsvurdering };
diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/historikk/HistoriskVilk\303\245rsvurderingVisning.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/historikk/HistoriskVilk\303\245rsvurderingVisning.tsx"
new file mode 100644
index 00000000..25f495bb
--- /dev/null
+++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/historikk/HistoriskVilk\303\245rsvurderingVisning.tsx"
@@ -0,0 +1,195 @@
+import * as React from 'react';
+
+import { BodyShort, Box, Heading, HGrid, List, VStack } from '@navikt/ds-react';
+
+import {
+    aktsomheter,
+    forstodBurdeForståttAktsomheter,
+    særligegrunner,
+    Vilkårsresultat,
+    vilkårsresultater,
+} from '../../../../kodeverk';
+import { VilkårsvurderingPeriodeSkjemaData } from '../typer/feilutbetalingVilkårsvurdering';
+import TilbakekrevingAktivitetTabell from '../VilkårsvurderingPeriode/TilbakekrevingAktivitetTabell';
+
+interface IProps {
+    perioder: VilkårsvurderingPeriodeSkjemaData[];
+}
+
+const HistoriskVilkårsvurderingVisning: React.FC<IProps> = ({ perioder }) => {
+    return (
+        <VStack gap={'10'}>
+            {perioder.map(skjema => {
+                const erForstodBurdeForstått =
+                    skjema.vilkårsvurderingsresultatInfo?.vilkårsvurderingsresultat ===
+                    Vilkårsresultat.FORSTO_BURDE_FORSTÅTT;
+
+                const aktsomhet = skjema.vilkårsvurderingsresultatInfo?.aktsomhet;
+                const godTro = skjema.vilkårsvurderingsresultatInfo?.godTro;
+                const begrunnelseAktsomhetGodTro = aktsomhet?.begrunnelse || godTro?.begrunnelse;
+                const særligeGrunner = aktsomhet?.særligeGrunner;
+                return (
+                    <Box
+                        key={skjema.index}
+                        borderColor={'border-default'}
+                        padding="4"
+                        borderWidth="1"
+                        borderRadius="small"
+                        shadow="xsmall"
+                    >
+                        <HGrid columns={{ lg: 2, md: 1 }} gap="8">
+                            <VStack gap="4">
+                                <Box>
+                                    <LabelVerdiVisning label={'Fra'} verdi={skjema.periode.fom} />
+                                    <LabelVerdiVisning label={'Til'} verdi={skjema.periode.tom} />
+                                    <LabelVerdiVisning
+                                        label={'Feilutbetalt beløp'}
+                                        verdi={skjema.feilutbetaltBeløp}
+                                    />
+                                    <TilbakekrevingAktivitetTabell ytelser={skjema.aktiviteter} />
+                                </Box>
+
+                                <VStack>
+                                    <LabelVerdiVisning
+                                        label={'Begrunnelse'}
+                                        verdi={skjema.begrunnelse}
+                                    />
+                                    <LabelVerdiVisning
+                                        label={'Vilkår oppfylt'}
+                                        verdi={
+                                            skjema.vilkårsvurderingsresultatInfo
+                                                ?.vilkårsvurderingsresultat
+                                                ? vilkårsresultater[
+                                                      skjema.vilkårsvurderingsresultatInfo
+                                                          ?.vilkårsvurderingsresultat
+                                                  ]
+                                                : 'Mangler vurdering'
+                                        }
+                                    />
+                                </VStack>
+                            </VStack>
+                            {(godTro || aktsomhet) && (
+                                <VStack gap="1">
+                                    <Heading size="small" level="2">
+                                        {godTro && 'Beløpet mottatt i god tro'}
+                                        {aktsomhet && 'Aktsomhet'}
+                                    </Heading>
+                                    <LabelVerdiVisning
+                                        label={
+                                            aktsomhet
+                                                ? 'Aktsomhetsvurdering'
+                                                : godTro
+                                                  ? 'God tro vurdering'
+                                                  : 'Vurdering'
+                                        }
+                                        verdi={begrunnelseAktsomhetGodTro}
+                                    />
+
+                                    {godTro && (
+                                        <>
+                                            <LabelVerdiVisning
+                                                label={'Er beløpet i behold'}
+                                                verdi={godTro.beløpErIBehold ? 'Ja' : 'Nei'}
+                                            />
+                                            <LabelVerdiVisning
+                                                label={'Tilbakekrevd beløp'}
+                                                verdi={
+                                                    godTro.beløpErIBehold
+                                                        ? godTro.beløpTilbakekreves
+                                                        : 'Ingen tilbakekreving'
+                                                }
+                                            />
+                                        </>
+                                    )}
+                                    {aktsomhet && (
+                                        <>
+                                            <LabelVerdiVisning
+                                                label={'Aktsomhetsvalg'}
+                                                verdi={
+                                                    aktsomhet.aktsomhet
+                                                        ? erForstodBurdeForstått
+                                                            ? forstodBurdeForståttAktsomheter[
+                                                                  aktsomhet.aktsomhet
+                                                              ]
+                                                            : aktsomheter[aktsomhet.aktsomhet]
+                                                        : ''
+                                                }
+                                            />
+
+                                            {særligeGrunner && særligeGrunner?.length > 0 && (
+                                                <List
+                                                    title={'Særlige grunner'}
+                                                    description={
+                                                        aktsomhet.særligeGrunnerBegrunnelse
+                                                    }
+                                                >
+                                                    {særligeGrunner?.map(grunn => {
+                                                        return (
+                                                            <List.Item key={grunn.særligGrunn}>
+                                                                {særligegrunner[grunn.særligGrunn]}{' '}
+                                                                {grunn.begrunnelse
+                                                                    ? `- (${grunn.begrunnelse})`
+                                                                    : ''}
+                                                            </List.Item>
+                                                        );
+                                                    })}
+                                                </List>
+                                            )}
+
+                                            <LabelVerdiVisning
+                                                label={'Reduksjon'}
+                                                verdi={
+                                                    aktsomhet.særligeGrunnerTilReduksjon
+                                                        ? 'Særlig grunn til reduksjon'
+                                                        : aktsomhet.særligeGrunnerTilReduksjon ===
+                                                            false
+                                                          ? 'Ikke særlig grunn til reduksjon'
+                                                          : ''
+                                                }
+                                            />
+
+                                            {aktsomhet.andelTilbakekreves && (
+                                                <LabelVerdiVisning
+                                                    label={'Andel tilbakekreves'}
+                                                    verdi={`${aktsomhet.andelTilbakekreves}%`}
+                                                />
+                                            )}
+                                            {aktsomhet.beløpTilbakekreves && (
+                                                <LabelVerdiVisning
+                                                    label={'Beløp tilbakekreves'}
+                                                    verdi={aktsomhet.beløpTilbakekreves}
+                                                />
+                                            )}
+                                            {aktsomhet.tilbakekrevSmåbeløp === false && (
+                                                <BodyShort>
+                                                    Ikke tilbakekrev beløp (under 4 rettsgebyr)
+                                                </BodyShort>
+                                            )}
+                                            {aktsomhet.ileggRenter === true && (
+                                                <BodyShort>Skal ilegges renter</BodyShort>
+                                            )}
+                                        </>
+                                    )}
+                                </VStack>
+                            )}
+                        </HGrid>
+                    </Box>
+                );
+            })}
+        </VStack>
+    );
+};
+
+const LabelVerdiVisning: React.FC<{ label: string; verdi: string | number | undefined }> = ({
+    label,
+    verdi,
+}) => {
+    return (
+        <BodyShort>
+            <b>{label}: </b>
+            {verdi}
+        </BodyShort>
+    );
+};
+
+export default HistoriskVilkårsvurderingVisning;
diff --git a/src/frontend/komponenter/Felleskomponenter/Venstremeny/sider.ts b/src/frontend/komponenter/Felleskomponenter/Venstremeny/sider.ts
index 59b60ecf..2bd6a61c 100644
--- a/src/frontend/komponenter/Felleskomponenter/Venstremeny/sider.ts
+++ b/src/frontend/komponenter/Felleskomponenter/Venstremeny/sider.ts
@@ -104,8 +104,11 @@ export const utledBehandlingSide = (steg: Behandlingssteg): ISide | undefined =>
             return finnSideForSteg(steg);
     }
 };
-
+const erHistoriskSide = (side: string) => side === 'inaktiv-vilkaarsvurdering';
 export const erØnsketSideTilgjengelig = (ønsketSide: string, behandling: IBehandling): boolean => {
+    if (erHistoriskSide(ønsketSide)) {
+        return true;
+    }
     const funnetØnsketSide = Object.entries(sider).find(([_, side]) => side.href === ønsketSide);
 
     if (funnetØnsketSide && behandling.behandlingsstegsinfo) {
diff --git a/src/frontend/typer/feilutbetalingtyper.ts b/src/frontend/typer/feilutbetalingtyper.ts
index 02b0d159..0b26faf7 100644
--- a/src/frontend/typer/feilutbetalingtyper.ts
+++ b/src/frontend/typer/feilutbetalingtyper.ts
@@ -125,6 +125,7 @@ export type VilkårsvurderingPeriode = {
 export interface IFeilutbetalingVilkårsvurdering {
     perioder: VilkårsvurderingPeriode[];
     rettsgebyr: number;
+    opprettetTid?: string;
 }
 
 export interface IBeregnSplittetPeriodeRespons {