diff --git a/src/AvtaleOversikt/AvtaleTabell.tsx b/src/AvtaleOversikt/AvtaleTabell.tsx
index 0e512674e..141251417 100644
--- a/src/AvtaleOversikt/AvtaleTabell.tsx
+++ b/src/AvtaleOversikt/AvtaleTabell.tsx
@@ -1,19 +1,19 @@
 import AvtaleTabellRadHeader from '@/AvtaleOversikt/AvtaleTabellRadHeader';
 import StatusIkon from '@/komponenter/StatusIkon/StatusIkon';
-import { avtaleStatusTekst, tiltakstypeTekst } from '@/messages';
+import { avtaleStatusTekst, tiltakstypeTekstKort } from '@/messages';
 import { pathTilAvtaleNy } from '@/paths';
 import { AvtaleMinimalListeVisning } from '@/types/avtale';
 import { InnloggetBruker } from '@/types/innlogget-bruker';
 import { Varsel } from '@/types/varsel';
 import BEMHelper from '@/utils/bem';
 import { BodyShort, Table } from '@navikt/ds-react';
-import React, { Fragment, FunctionComponent, useState } from 'react';
+import React, { FunctionComponent, useState } from 'react';
 import MediaQuery from 'react-responsive';
 import { useNavigate } from 'react-router-dom';
 import TaushetserklæringModal from './Taushetserklæring/Taushetserklæring';
 import './AvtaleTabell.less';
 import { ChevronRightIcon } from '@navikt/aksel-icons';
-import { storForbokstav } from '@/utils/stringUtils';
+import { kunStorForbokstav } from '@/utils/stringUtils';
 
 const cls = BEMHelper('avtaletabell');
 
@@ -89,7 +89,7 @@ const AvtaleTabell: FunctionComponent<{
                                 <Table.DataCell>
                                     {ulestVarsel && <span aria-hidden={!ulestVarsel} className="ulest-varsel-ikon" />}
                                     <BodyShort size="small">
-                                        {storForbokstav(tiltakstypeTekst[avtale.tiltakstype])}
+                                        {kunStorForbokstav(tiltakstypeTekstKort[avtale.tiltakstype])}
                                     </BodyShort>
                                 </Table.DataCell>
                                 <Table.DataCell>
diff --git a/src/AvtaleOversikt/Filtrering/BeslutterFiltrering.tsx b/src/AvtaleOversikt/Filtrering/BeslutterFiltrering.tsx
index e3a10989f..58bdffe1e 100644
--- a/src/AvtaleOversikt/Filtrering/BeslutterFiltrering.tsx
+++ b/src/AvtaleOversikt/Filtrering/BeslutterFiltrering.tsx
@@ -3,7 +3,7 @@ import TilskuddPeriodeStatusFilter from '@/AvtaleOversikt/Filtrering/TilskuddPer
 import BEMHelper from '@/utils/bem';
 import { FunctionComponent } from 'react';
 import { DeltakerOgBedriftFilterGammel } from './GammelFiltrering/DeltakerOgBedriftFilterGammel';
-import TiltakstypeFilterGammel from './GammelFiltrering/TiltakstypeFilterGamel';
+import TiltakstypeFilterGammel from './GammelFiltrering/TiltakstypeFilterGammel';
 
 const cls = BEMHelper('filtrering');
 const BeslutterFiltrering: FunctionComponent = () => {
diff --git a/src/AvtaleOversikt/Filtrering/GammelFiltrering/TiltakstypeFilterGamel.tsx b/src/AvtaleOversikt/Filtrering/GammelFiltrering/TiltakstypeFilterGammel.tsx
similarity index 83%
rename from src/AvtaleOversikt/Filtrering/GammelFiltrering/TiltakstypeFilterGamel.tsx
rename to src/AvtaleOversikt/Filtrering/GammelFiltrering/TiltakstypeFilterGammel.tsx
index 3b2a6f339..d37bca807 100644
--- a/src/AvtaleOversikt/Filtrering/GammelFiltrering/TiltakstypeFilterGamel.tsx
+++ b/src/AvtaleOversikt/Filtrering/GammelFiltrering/TiltakstypeFilterGammel.tsx
@@ -4,17 +4,20 @@ import { TiltaksType } from '@/types/avtale';
 import { Radio, RadioGroup } from '@navikt/ds-react';
 import { FunctionComponent } from 'react';
 import { useFilterGammel } from './useFilterGammel';
+import { useFeatureToggles } from '@/FeatureToggleProvider';
 
 export type FiltreringMedBeslutterProps = { erBeslutter: boolean };
 const TiltakstypeFilterGammel: FunctionComponent<FiltreringMedBeslutterProps> = (props) => {
     const { endreFilter, filtre } = useFilterGammel();
+    const { vtaoTiltakToggle } = useFeatureToggles();
 
     const alleTiltakstyperBeslutter: OptionProps[] = [
         { value: '', label: 'Alle' },
         { value: 'MIDLERTIDIG_LONNSTILSKUDD', label: 'Midlertidig lønnstilskudd' },
         { value: 'VARIG_LONNSTILSKUDD', label: 'Varig lønnstilskudd' },
         { value: 'SOMMERJOBB', label: 'Sommerjobb' },
-    ];
+        vtaoTiltakToggle ? { value: 'VTAO', label: 'Varig tilrettelagt arbeid i ordinær virksomhet (VTA-O)' } : null,
+    ].filter((x) => x !== null) as OptionProps[];
 
     const alleTiltakstyper: OptionProps[] = [
         { value: '', label: 'Alle' },
@@ -24,7 +27,8 @@ const TiltakstypeFilterGammel: FunctionComponent<FiltreringMedBeslutterProps> =
         { value: 'SOMMERJOBB', label: 'Sommerjobb' },
         { value: 'MENTOR', label: 'Mentor' },
         { value: 'INKLUDERINGSTILSKUDD', label: 'Inkluderingstilskudd' },
-    ];
+        vtaoTiltakToggle ? { value: 'VTAO', label: 'Varig tilrettelagt arbeid i ordinær virksomhet (VTA-O)' } : null,
+    ].filter((x) => x !== null) as OptionProps[];
 
     const tiltakstyper = props.erBeslutter ? alleTiltakstyperBeslutter : alleTiltakstyper;
 
diff --git a/src/AvtaleOversikt/Filtrering/TiltakstypeFilter.tsx b/src/AvtaleOversikt/Filtrering/TiltakstypeFilter.tsx
index 0aae97a21..bbc25b51f 100644
--- a/src/AvtaleOversikt/Filtrering/TiltakstypeFilter.tsx
+++ b/src/AvtaleOversikt/Filtrering/TiltakstypeFilter.tsx
@@ -4,7 +4,7 @@ import { useFeatureToggles } from '@/FeatureToggleProvider';
 import { OptionProps } from '@/komponenter/form/SelectInput';
 import { TiltaksType } from '@/types/avtale';
 import { Radio, RadioGroup } from '@navikt/ds-react';
-import React, { FunctionComponent, useContext } from 'react';
+import React, { FunctionComponent } from 'react';
 
 export type FiltreringMedBeslutterProps = { erBeslutter: boolean };
 const TiltakstypeFilter: FunctionComponent<FiltreringMedBeslutterProps> = (props) => {
@@ -16,7 +16,8 @@ const TiltakstypeFilter: FunctionComponent<FiltreringMedBeslutterProps> = (props
         { value: 'MIDLERTIDIG_LONNSTILSKUDD', label: 'Midlertidig lønnstilskudd' },
         { value: 'VARIG_LONNSTILSKUDD', label: 'Varig lønnstilskudd' },
         { value: 'SOMMERJOBB', label: 'Sommerjobb' },
-    ];
+        vtaoTiltakToggle ? { value: 'VTAO', label: 'Varig tilrettelagt arbeid i ordinær virksomhet (VTA-O)' } : null,
+    ].filter((x) => x !== null) as OptionProps[];
 
     const alleTiltakstyper: OptionProps[] = [
         { value: '', label: 'Alle' },
@@ -26,7 +27,7 @@ const TiltakstypeFilter: FunctionComponent<FiltreringMedBeslutterProps> = (props
         { value: 'SOMMERJOBB', label: 'Sommerjobb' },
         { value: 'MENTOR', label: 'Mentor' },
         { value: 'INKLUDERINGSTILSKUDD', label: 'Inkluderingstilskudd' },
-        vtaoTiltakToggle ? { value: 'VTAO', label: 'VTA-oppfølging' } : null,
+        vtaoTiltakToggle ? { value: 'VTAO', label: 'Varig tilrettelagt arbeid i ordinær virksomhet (VTA-O)' } : null,
     ].filter((x) => x !== null) as OptionProps[];
 
     const tiltakstyper = props.erBeslutter ? alleTiltakstyperBeslutter : alleTiltakstyper;
diff --git a/src/AvtaleSide/Varsellogg/VarselTabell.tsx b/src/AvtaleSide/Varsellogg/VarselTabell.tsx
index 640e4c6a7..76aedfc7e 100644
--- a/src/AvtaleSide/Varsellogg/VarselTabell.tsx
+++ b/src/AvtaleSide/Varsellogg/VarselTabell.tsx
@@ -3,7 +3,6 @@ import { Varsel } from '@/types/varsel';
 import { formaterTid, formatterDato } from '@/utils/datoUtils';
 import { storForbokstav } from '@/utils/stringUtils';
 import { Table } from '@navikt/ds-react';
-import moment from 'moment';
 import { Checkbox, CheckboxGroup } from '@navikt/ds-react';
 
 import { FunctionComponent, PropsWithChildren, useState } from 'react';
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/TilskuddperiodeBokser.tsx b/src/AvtaleSide/steg/BeregningTilskudd/TilskuddperiodeBokser.tsx
deleted file mode 100644
index 9fa031450..000000000
--- a/src/AvtaleSide/steg/BeregningTilskudd/TilskuddperiodeBokser.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import React, { FunctionComponent, useContext } from 'react';
-import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
-import { BodyShort, Heading, Label } from '@navikt/ds-react';
-import { formatterDato, formatterPeriode, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
-import { InnloggetBrukerContext } from '@/InnloggingBoundary/InnloggingBoundary';
-import { AvtaleContext } from '@/AvtaleProvider';
-import { formatterPenger } from '@/utils/PengeUtils';
-
-import { Accordion } from '@navikt/ds-react';
-
-const TilskuddperiodeBokser: FunctionComponent = () => {
-    const innloggetBruker = useContext(InnloggetBrukerContext);
-    const { avtale } = useContext(AvtaleContext);
-
-    if (avtale.tilskuddPeriode.length === 0) {
-        return null;
-    }
-
-    return (
-        <>
-            {avtale.tilskuddPeriode
-                .filter((tp) => tp.aktiv)
-                .map((periode, index) => (
-                    <React.Fragment key={index}>
-                        <Accordion className="accordion">
-                            <Accordion.Item open={periode.løpenummer === 1}>
-                                <Accordion.Header>
-                                    <Label>
-                                        Tilskudd for periode {formatterPeriode(periode.startDato, periode.sluttDato)}
-                                    </Label>
-                                </Accordion.Header>
-                                <Accordion.Content>
-                                    {' '}
-                                    <BodyShort size="small">
-                                        Utregningen baserer seg på lønn for en måned. Dagsatsen får du ved å dele "sum
-                                        tilskudd for en måned" på snitt antall dager i en måned (365,25 / 12 = 30,4375)
-                                        og ganger med antall dager i perioden.
-                                    </BodyShort>
-                                    <VerticalSpacer rem={2} />
-                                    <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-                                        <BodyShort size="small">
-                                            {formatterPeriode(periode.startDato, periode.sluttDato)}
-                                        </BodyShort>
-                                        <Label>Inntil {formatterPenger(periode.beløp)}</Label>
-                                    </div>
-                                </Accordion.Content>
-                            </Accordion.Item>
-                        </Accordion>
-                        <VerticalSpacer rem={1} />
-                    </React.Fragment>
-                ))}
-            <VerticalSpacer rem={2} />
-            {innloggetBruker.rolle === 'ARBEIDSGIVER' && (
-                <>
-                    <Heading size="small">Refusjon</Heading>
-                    <VerticalSpacer rem={1} />
-                    <BodyShort size="small">
-                        Som arbeidsgiver må du søke om refusjon. Du kan først søke etter at perioden er over. Når
-                        tiltaket er over, vil NAV sende dere et ferdig utregnet forslag til refusjon. Refusjonen regnes
-                        ut på bakgrunn av innhold i avtalen og innrapporterte inntekter i A-meldingen.
-                    </BodyShort>
-                    <VerticalSpacer rem={1} />
-                    <Label>
-                        Du kan søke om refusjon fra{' '}
-                        {formatterDato(avtale.tilskuddPeriode[0].sluttDato, NORSK_DATO_FORMAT)}
-                    </Label>
-                </>
-            )}
-        </>
-    );
-};
-
-export default TilskuddperiodeBokser;
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtTilskuddsperioder.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtTilskuddsperioder.tsx
index 0769a4712..7084608cc 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtTilskuddsperioder.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtTilskuddsperioder.tsx
@@ -2,8 +2,6 @@ import React from 'react';
 import { formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
 import { Button } from '@navikt/ds-react';
 import BEMHelper from '@/utils/bem';
-import moment from 'moment';
-import { formatterPenger } from '@/utils/PengeUtils';
 
 interface Props {
     className: string;
@@ -12,7 +10,6 @@ interface Props {
     antallAktiveTilskuddsperioder: number;
     setVisAllePerioder: (value: React.SetStateAction<boolean>) => void;
     visAllePerioder: boolean;
-    tiltakstype: string;
 }
 
 const InfoRundtTilskuddsperioder: React.FC<Props> = ({
@@ -22,7 +19,6 @@ const InfoRundtTilskuddsperioder: React.FC<Props> = ({
     antallAktiveTilskuddsperioder,
     setVisAllePerioder,
     visAllePerioder,
-    tiltakstype,
 }: Props) => {
     if (!(gjeldendeInnholdStartdato && gjeldendeInnholdSluttdato)) return null;
 
@@ -30,21 +26,9 @@ const InfoRundtTilskuddsperioder: React.FC<Props> = ({
     return (
         <>
             <div className={cls.element('tabell-innslag')}>
-                {tiltakstype === 'VTAO' ? (
-                    <>
-                        Avtalen varer i {moment(gjeldendeInnholdSluttdato).diff(gjeldendeInnholdStartdato, 'years')}{' '}
-                        {'år.'}
-                        <br />
-                        Det tilsvarer en refusjon til arbeisgiver på ca {formatterPenger(6808 * 12)} i året og totalt{' '}
-                        {formatterPenger(antallAktiveTilskuddsperioder * 6808)} kr for hele perioden .
-                    </>
-                ) : (
-                    <>
-                        Avtalen varer fra {formatterDato(gjeldendeInnholdStartdato, NORSK_DATO_FORMAT)} til{' '}
-                        {formatterDato(gjeldendeInnholdSluttdato, NORSK_DATO_FORMAT)}. Det tilsvarer{' '}
-                        {antallAktiveTilskuddsperioder} tilskuddsperioder.
-                    </>
-                )}
+                Avtalen varer fra {formatterDato(gjeldendeInnholdStartdato, NORSK_DATO_FORMAT)} til{' '}
+                {formatterDato(gjeldendeInnholdSluttdato, NORSK_DATO_FORMAT)}. Det tilsvarer{' '}
+                {antallAktiveTilskuddsperioder} tilskuddsperioder.
             </div>
             {!visAllePerioder && (
                 <Button size="small" onClick={() => setVisAllePerioder(true)}>
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/MeldingArbeidsgiverSokRefusjon.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/MeldingArbeidsgiverSokRefusjon.tsx
index ee582b9b2..eecb882a6 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/MeldingArbeidsgiverSokRefusjon.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/MeldingArbeidsgiverSokRefusjon.tsx
@@ -3,15 +3,22 @@ import { BodyShort, Heading, Label } from '@navikt/ds-react';
 import { formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
 import BEMHelper from '@/utils/bem';
 import { InnloggetBrukerContext } from '@/InnloggingBoundary/InnloggingBoundary';
+import { Avtale } from '@/types/avtale';
 
 interface Props {
     className: string;
-    sluttdato: string;
+    avtale: Avtale;
 }
 
-const MeldingArbeidsgiverSokRefusjon: React.FC<Props> = ({ className, sluttdato }: Props) => {
+const erAutomatiskUtbetalingAvRefusjon = (avtale: Avtale) => {
+    return avtale.tiltakstype === 'VTAO';
+};
+
+const MeldingArbeidsgiverSokRefusjon: React.FC<Props> = ({ className, avtale }: Props) => {
     const { rolle } = useContext(InnloggetBrukerContext);
+    const sluttdato = avtale.tilskuddPeriode[0].sluttDato;
     if (rolle !== 'ARBEIDSGIVER') return null;
+    if (erAutomatiskUtbetalingAvRefusjon(avtale)) return null;
 
     const cls = BEMHelper(className);
 
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioder.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioder.tsx
index 738a4c81a..69c9c9e38 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioder.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioder.tsx
@@ -25,11 +25,18 @@ const VisningTilskuddsperioder: FunctionComponent = () => {
                         <div className={cls.element('container')}>
                             <div className={cls.element('header')}>
                                 <Label>Utregning</Label>
-                                <BodyShort size="small">
-                                    Utregningen baserer seg på lønn for en måned. Dagsatsen får du ved å dele "sum
-                                    tilskudd for en måned" på snitt antall dager i en måned (365,25 / 12 = 30,4375) og
-                                    ganger med antall dager i perioden.
-                                </BodyShort>
+                                {avtale.tiltakstype === 'VTAO' ? (
+                                    <BodyShort size="small">
+                                        Dagsatsen får du ved å dele "sum tilskudd for en måned" på snitt antall dager i
+                                        en måned (365,25 / 12 = 30,4375) og ganger med antall dager i perioden.
+                                    </BodyShort>
+                                ) : (
+                                    <BodyShort size="small">
+                                        Utregningen baserer seg på lønn for en måned. Dagsatsen får du ved å dele "sum
+                                        tilskudd for en måned" på snitt antall dager i en måned (365,25 / 12 = 30,4375)
+                                        og ganger med antall dager i perioden.
+                                    </BodyShort>
+                                )}
                                 <InfoRundtRedusertProsentsats className={cls.className} />
                             </div>
                             {avtale.tiltakstype == 'VTAO' ? (
@@ -37,11 +44,7 @@ const VisningTilskuddsperioder: FunctionComponent = () => {
                             ) : (
                                 <VisningTilskuddsperioderTabell className={cls.className} />
                             )}
-
-                            <MeldingArbeidsgiverSokRefusjon
-                                className={cls.className}
-                                sluttdato={avtale.tilskuddPeriode[0].sluttDato}
-                            />
+                            <MeldingArbeidsgiverSokRefusjon className={cls.className} avtale={avtale} />
                         </div>
                     </Accordion.Content>
                 </Accordion.Item>
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx
index fe74be825..0c8238495 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx
@@ -83,7 +83,6 @@ const VisningTilskuddsperioderTabell: React.FC<Properties> = ({ className }: Pro
                 antallAktiveTilskuddsperioder={antallAktiveTilskuddsperioder(avtale)}
                 setVisAllePerioder={setVisAllePerioder}
                 visAllePerioder={visAllePerioder}
-                tiltakstype={avtale.tiltakstype}
             />
         </div>
     );
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabellVtao.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabellVtao.tsx
index d2dde827f..e502d3e0d 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabellVtao.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabellVtao.tsx
@@ -32,11 +32,7 @@ const VisningTilskuddsperioderTabellVtao: React.FC<Properties> = ({ className }:
                 <Label>Tilskudd for perioder</Label>
                 {innloggetBruker.erNavAnsatt && <Label>Status</Label>}
                 <Label>Inntil</Label>
-                <Label>
-                    Ubetalt
-                    <br />
-                    refusjon
-                </Label>
+                <Label>Utbetales</Label>
             </div>
             {avtale.tilskuddPeriode
                 .filter((p: TilskuddsPeriode) => p.aktiv)
@@ -55,10 +51,10 @@ const VisningTilskuddsperioderTabellVtao: React.FC<Properties> = ({ className }:
                                     </BodyShort>
                                 )}
                                 <BodyShort size="small" style={{ minWidth: '4rem' }}>
-                                    {formatterPenger(periode.beløp)}
+                                    {periode.beløp !== null ? formatterPenger(periode.beløp) : '-'}
                                 </BodyShort>
                                 <BodyShort size="small" style={{ minWidth: '4rem' }}>
-                                    {formatterDato(periode.sluttDato, 'MMM YYYY')}
+                                    {formatterDato(moment(periode.sluttDato).add(3, 'days').toString(), 'DD MMM YYYY')}
                                 </BodyShort>
                             </div>
                         </div>
@@ -80,10 +76,10 @@ const VisningTilskuddsperioderTabellVtao: React.FC<Properties> = ({ className }:
                             </BodyShort>
                         )}
                         <BodyShort size="small" style={{ minWidth: '4rem' }}>
-                            {formatterPenger(sistePeriode.beløp)}
+                            {sistePeriode.beløp !== null ? formatterPenger(sistePeriode.beløp) : '-'}
                         </BodyShort>
                         <BodyShort size="small" style={{ minWidth: '4rem' }}>
-                            {formatterDato(sistePeriode.sluttDato, 'MMM YYYY')}
+                            {formatterDato(moment(sistePeriode.sluttDato).add(3, 'days').toString(), 'DD MMM YYYY')}
                         </BodyShort>
                     </div>
                 </div>
@@ -95,7 +91,6 @@ const VisningTilskuddsperioderTabellVtao: React.FC<Properties> = ({ className }:
                 antallAktiveTilskuddsperioder={antallAktiveTilskuddsperioder(avtale)}
                 setVisAllePerioder={setVisAllePerioder}
                 visAllePerioder={visAllePerioder}
-                tiltakstype={avtale.tiltakstype}
             />
         </div>
     );
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderVtao.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderVtao.tsx
index ca51100aa..a4d6d31ad 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderVtao.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderVtao.tsx
@@ -1,6 +1,6 @@
 import { AvtaleContext } from '@/AvtaleProvider';
 import BEMHelper from '@/utils/bem';
-import { Accordion, BodyShort, Label } from '@navikt/ds-react';
+import { BodyShort, Label } from '@navikt/ds-react';
 import { FunctionComponent, useContext } from 'react';
 import './visningTilskuddsperioder.less';
 import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/ArbeidsgiverInstruks.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/ArbeidsgiverInstruks.tsx
index 22cfb7d2b..58cc93eec 100644
--- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/ArbeidsgiverInstruks.tsx
+++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/ArbeidsgiverInstruks.tsx
@@ -5,7 +5,7 @@ import BEMHelper from '@/utils/bem';
 import { BodyShort, Label } from '@navikt/ds-react';
 import React, { FunctionComponent } from 'react';
 import '../instruks.less';
-import OppfLgingOgVarighet from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/OppfølgingOgVarighet';
+import OppfolgingOgVarighet from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/OppfølgingOgVarighet';
 import ArbeidsmiljLoven from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/Arbeidsmiljøloven';
 import YrkesskadeforsikringOgSkadeerstatning from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/YrkesskadeforsikringOgSkadeerstatning';
 import FolketrygdlovenEgenmeldingOgSykmelding from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/FolketrygdlovenEgenmeldingOgSykmelding';
@@ -39,7 +39,10 @@ const ArbeidsgiverInstruks: FunctionComponent<Props> = (props) => {
                         <Label>Som arbeidsgiver må du</Label>
                     </div>
                     <VerticalSpacer rem={2} />
-                    <OppfLgingOgVarighet tiltakstype={tiltakstype} eksternLenke={oppfolgingLenker[props.tiltakstype]} />
+                    <OppfolgingOgVarighet
+                        tiltakstype={tiltakstype}
+                        eksternLenke={oppfolgingLenker[props.tiltakstype]}
+                    />
                     <ArbeidsmiljLoven tiltakstype={tiltakstype} />
                     <YrkesskadeforsikringOgSkadeerstatning tiltakstype={tiltakstype} />
                     <FolketrygdlovenEgenmeldingOgSykmelding tiltakstype={tiltakstype} />
diff --git "a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/Arbeidsmilj\303\270loven.tsx" "b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/Arbeidsmilj\303\270loven.tsx"
index 17813c9b4..f661e28a2 100644
--- "a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/Arbeidsmilj\303\270loven.tsx"
+++ "b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/Arbeidsmilj\303\270loven.tsx"
@@ -8,8 +8,24 @@ interface Props {
     tiltakstype: TiltaksType;
 }
 
+const visArbeidsmiljoLov = (tiltakstype: TiltaksType) => {
+    const tiltakstyper: TiltaksType[] = [
+        'MIDLERTIDIG_LONNSTILSKUDD',
+        'VARIG_LONNSTILSKUDD',
+        'ARBEIDSTRENING',
+        'SOMMERJOBB',
+        'VTAO',
+    ];
+    return tiltakstyper.includes(tiltakstype);
+};
+
+const deltakerenErAnsatt = (tiltakstype: TiltaksType) => {
+    const tiltakstyper: TiltaksType[] = ['VARIG_LONNSTILSKUDD', 'MIDLERTIDIG_LONNSTILSKUDD', 'SOMMERJOBB', 'VTAO'];
+    return tiltakstyper.includes(tiltakstype);
+};
+
 const Arbeidsmiljøloven: FunctionComponent<Props> = ({ tiltakstype }) => {
-    if (!['MIDLERTIDIG_LONNSTILSKUDD', 'VARIG_LONNSTILSKUDD', 'ARBEIDSTRENING', 'SOMMERJOBB'].includes(tiltakstype)) {
+    if (!visArbeidsmiljoLov(tiltakstype)) {
         return null;
     }
 
@@ -25,9 +41,7 @@ const Arbeidsmiljøloven: FunctionComponent<Props> = ({ tiltakstype }) => {
                     arbeidstid, vern mot diskriminering og straff ved overtredelse av lovens bestemmelser.
                 </p>
             )}
-            {(tiltakstype === 'VARIG_LONNSTILSKUDD' ||
-                tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' ||
-                tiltakstype === 'SOMMERJOBB') && (
+            {deltakerenErAnsatt(tiltakstype) && (
                 <p>Deltakeren er ansatt og dere skal følge arbeidsmiljølovens bestemmelser.</p>
             )}
             <p>
diff --git "a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/Oppf\303\270lgingOgVarighet.tsx" "b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/Oppf\303\270lgingOgVarighet.tsx"
index 3cf91f8e7..9f9a4cdc6 100644
--- "a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/Oppf\303\270lgingOgVarighet.tsx"
+++ "b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/Oppf\303\270lgingOgVarighet.tsx"
@@ -9,8 +9,8 @@ interface Props {
     eksternLenke: string;
 }
 
-const OppfLgingOgVarighet: FunctionComponent<Props> = ({ tiltakstype, eksternLenke }) => {
-    if (!['MIDLERTIDIG_LONNSTILSKUDD', 'SOMMERJOBB', 'MENTOR', 'INKLUDERINGSTILSKUDD'].includes(tiltakstype)) {
+const OppfolgingOgVarighet: FunctionComponent<Props> = ({ tiltakstype, eksternLenke }) => {
+    if (!['MIDLERTIDIG_LONNSTILSKUDD', 'SOMMERJOBB', 'MENTOR', 'INKLUDERINGSTILSKUDD', 'VTAO'].includes(tiltakstype)) {
         return null;
     }
     return (
@@ -24,7 +24,14 @@ const OppfLgingOgVarighet: FunctionComponent<Props> = ({ tiltakstype, eksternLen
                 deltakers behov. Tilskuddet reguleres av{' '}
                 <EksternLenke href={eksternLenke}>forskrift for arbeidsmarkedstiltak</EksternLenke>
             </p>
+            {tiltakstype === 'VTAO' && (
+                <p>
+                    Arbeidsgiver er forpliktet til å rapportere etter nærmere avtale (minst en gang i året). Rapporten
+                    skal inneholde dokumentasjon om deltakerens utvikling i arbeidsforholdet og hvilke tilpasninger som
+                    er gjort for å øke deltakerens mestringsnivå.
+                </p>
+            )}
         </IkonTekstRad>
     );
 };
-export default OppfLgingOgVarighet;
+export default OppfolgingOgVarighet;
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/TilskuddsperiodeOgRefusjon.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/TilskuddsperiodeOgRefusjon.tsx
index 77aedb0d2..e8ebcabf4 100644
--- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/TilskuddsperiodeOgRefusjon.tsx
+++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/arbeidsgiverInstruks/tekster/TilskuddsperiodeOgRefusjon.tsx
@@ -13,11 +13,35 @@ const TilskuddsperiodeOgRefusjon: FunctionComponent<Props> = ({ tiltakstype }) =
         !(
             tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' ||
             tiltakstype === 'VARIG_LONNSTILSKUDD' ||
-            tiltakstype === 'SOMMERJOBB'
+            tiltakstype === 'SOMMERJOBB' ||
+            tiltakstype === 'VTAO'
         )
     ) {
         return null;
     }
+    if (tiltakstype === 'VTAO') {
+        return (
+            <IkonTekstRad
+                svgIkon={<Money width="2.25rem" height="2.25rem" />}
+                headerTekst={{ tekst: 'Tilskuddsperiode og refusjon', headingType: 'small' }}
+            >
+                <p>
+                    Godkjent tilskuddsperiode er styrende i henhold til økonomisk forpliktelse fra NAV og kan avvike fra
+                    avtalt periode for tiltaksgjennomføringen.
+                </p>
+                <p>
+                    Tilskudd for varig tilrettelagt arbeid i ordinær virksomhet baseres på en fast sats som settes årlig
+                    av departementet. Avtale- og refusjonsløsningen vil automatisk oppdateres når det kommer nye satser.
+                </p>
+                <p>
+                    Refusjonen behandles automatisk, utbetaling og kvittering kan ses i refusjonsløsningen (
+                    <Link href={'https://tiltak-refusjon.nav.no'}> https://tiltak-refusjon.nav.no</Link>) og via Min
+                    Side Arbeidsgiver. For å bruke løsningen må du ha tilgangen “inntektsmelding” via Altinn. Vi kan
+                    kontrollere om pengene som blir utbetalt blir brukt riktig.
+                </p>
+            </IkonTekstRad>
+        );
+    }
     return (
         <IkonTekstRad
             svgIkon={<Money width="2.25rem" height="2.25rem" />}
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/instruks.less b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/instruks.less
index 5150a8e24..d18679f38 100644
--- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/instruks.less
+++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/instruks.less
@@ -17,7 +17,6 @@
         display: flex;
         flex-direction: column;
         margin-top: 1rem;
-        margin-left: -1rem;
     }
 
     &__list-element {
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx
index d89fb6e3e..af64fa314 100644
--- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx
+++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx
@@ -11,6 +11,7 @@ import GenerelVeilederTekst from './tekster/GenerelVeilederTekst';
 import LonnstilskuddVeilederTekst from './tekster/LonnstilskuddVeilederTekst';
 import SommerjobbVeilederTekst from './tekster/SommerjobbVeilederTekst';
 import ArbeidstreningVeilederTekst from './tekster/ArbeidstreningVeilederTekst';
+import VTAOVeilederTekst from './tekster/VTAOVeilederTekst';
 
 const cls = BEMHelper('instruks');
 
@@ -54,6 +55,14 @@ const VeilederInstruks = (props: Props) => {
         );
     }
 
+    if (tiltakstype === 'VTAO') {
+        return (
+            <VeilederpanelMedUtklippstavle>
+                <VTAOVeilederTekst tiltakstype={tiltakstype} />
+            </VeilederpanelMedUtklippstavle>
+        );
+    }
+
     return (
         <VeilederpanelMedUtklippstavle>
             <div className={cls.element('subheader')}>
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx
index 938a56f59..a29d2f52b 100644
--- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx
+++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx
@@ -10,7 +10,7 @@ const LonnstilskuddVeilederTekst = () => {
         <ul>
             <li className={cls.element('list-element')}>
                 <BodyShort size="small">
-                    Etter at du har godkjent avtalen, må avtalen og de første tilskuddsperiodene godkjennes av
+                    Etter at du har godkjent avtalen, må avtalen og den første tilskuddsperioden godkjennes av
                     beslutter. Det er først da avtalen er endelig godkjent.
                 </BodyShort>
             </li>
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/VTAOVeilederTekst.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/VTAOVeilederTekst.tsx
new file mode 100644
index 000000000..bb3f4d9ca
--- /dev/null
+++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/VTAOVeilederTekst.tsx
@@ -0,0 +1,41 @@
+import React, { FunctionComponent } from 'react';
+import { BodyShort } from '@navikt/ds-react';
+import BEMHelper from '@/utils/bem';
+import { TiltaksType } from '@/types/avtale';
+
+interface Props {
+    tiltakstype: TiltaksType;
+}
+
+const VTAOVeilederTekst: FunctionComponent<Props> = (props) => {
+    if (props.tiltakstype === 'VTAO') {
+        const cls = BEMHelper('instruks');
+        return (
+            <ul>
+                <li className={cls.element('list-element')}>
+                    <BodyShort size="small">
+                        Etter at du har godkjent avtalen, må avtalen og den første tilskuddsperioden godkjennes av
+                        beslutter. Det er først da avtalen er endelig godkjent.
+                    </BodyShort>
+                </li>
+                <li className={cls.element('list-element')}>
+                    <BodyShort size="small">
+                        Arena skal ikke lenger benyttes til registrering av avtale, tilsagn eller refusjon for varig
+                        tilrettelagt arbeid i ordinær virksomhet.
+                    </BodyShort>
+                </li>
+                <li className={cls.element('list-element')}>
+                    <BodyShort size="small">
+                        Tilsagnsbrevet sendes ikke lenger til innboksen til arbeidsgiver i Altinn. Innholdet i
+                        tilsagnsbrevet er innarbeidet i avtalen til arbeidsgiver.
+                    </BodyShort>
+                </li>
+                <li>
+                    <BodyShort size="small">Avtalen blir automatisk journalført i Gosys.</BodyShort>
+                </li>
+            </ul>
+        );
+    }
+    return null;
+};
+export default VTAOVeilederTekst;
diff --git a/src/BeslutterOversikt/AvtaleTabellBeslutter.tsx b/src/BeslutterOversikt/AvtaleTabellBeslutter.tsx
index 7ae5da9c2..6a3d8e76e 100644
--- a/src/BeslutterOversikt/AvtaleTabellBeslutter.tsx
+++ b/src/BeslutterOversikt/AvtaleTabellBeslutter.tsx
@@ -8,8 +8,8 @@ import { Table, BodyShort } from '@navikt/ds-react';
 import { FunctionComponent } from 'react';
 import { useNavigate } from 'react-router-dom';
 import '../AvtaleOversikt/AvtaleTabell.less';
-import { tiltakstypeTekst } from '@/messages';
-import { storForbokstav } from '@/utils/stringUtils';
+import { tiltakstypeTekstKort } from '@/messages';
+import { kunStorForbokstav } from '@/utils/stringUtils';
 import { ChevronRightIcon } from '@navikt/aksel-icons';
 import AvtaleTabellBeslutterHeader from '@/BeslutterOversikt/AvtaleTabellBeslutterHeader';
 
@@ -43,7 +43,7 @@ const AvtaleTabellBeslutter: FunctionComponent<{
                             <Table.DataCell>
                                 {ulestVarsel && <span aria-hidden={!ulestVarsel} className="ulest-varsel-ikon" />}
                                 <BodyShort size="small">
-                                    {storForbokstav(tiltakstypeTekst[avtale.tiltakstype])}
+                                    {kunStorForbokstav(tiltakstypeTekstKort[avtale.tiltakstype])}
                                 </BodyShort>
                             </Table.DataCell>
                             <Table.DataCell>
diff --git a/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx b/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx
index 6f74b7aa4..0a80867ab 100644
--- a/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx
+++ b/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx
@@ -30,7 +30,6 @@ import './OpprettAvtaleArbeidsgiver.less';
 import RadioPanel from '@/komponenter/radiopanel/RadioPanel';
 import { storForbokstav } from '@/utils/stringUtils';
 import { useFeatureToggles } from '@/FeatureToggleProvider';
-import { FeilVarselContext } from '@/FeilVarselProvider';
 
 const cls = BEMHelper('opprett-avtale-arbeidsgiver');
 
@@ -42,7 +41,6 @@ const OpprettAvtaleArbeidsgiver: FunctionComponent = () => {
     const innloggetBruker = useContext(InnloggetBrukerContext);
     const navigate = useNavigate();
     const { arbeidstreningReadonly, vtaoTiltakToggle } = useFeatureToggles();
-    const visVarsel = useContext(FeilVarselContext);
 
     const [deltakerFnrFeil, setDeltakerFnrFeil, validerDeltakerFnr] = useValidering(
         deltakerFnr,
diff --git a/src/komponenter/EkspanderbartPanelRad/EkspanderbartPanelRad.less b/src/komponenter/EkspanderbartPanelRad/EkspanderbartPanelRad.less
index 313e25410..48fa4076d 100644
--- a/src/komponenter/EkspanderbartPanelRad/EkspanderbartPanelRad.less
+++ b/src/komponenter/EkspanderbartPanelRad/EkspanderbartPanelRad.less
@@ -5,13 +5,13 @@
         display: flex;
         margin-bottom: 1.5rem;
         padding: 1rem 0;
+        gap: 0.625rem;
     }
     &__tekst {
-        margin-left: 0.625rem;
         margin-top: -0.3rem;
     }
     &__ikon {
-        width: 60px;
+        width: 36px;
         & > svg {
             width: 1.75rem;
             height: 1.75rem;
@@ -21,9 +21,7 @@
     @media (min-width: 768px) {
         &__element {
             padding: 1rem;
-        }
-        &__tekst {
-            margin-left: 1rem;
+            gap: 1rem;
         }
         &__ikon {
             & > svg {
diff --git a/src/messages.ts b/src/messages.ts
index 10e40f0f7..7e2300b62 100644
--- a/src/messages.ts
+++ b/src/messages.ts
@@ -84,9 +84,11 @@ export const tiltakstypeTekst: { [key in TiltaksType]: string } = {
     MENTOR: 'mentor',
     INKLUDERINGSTILSKUDD: 'inkluderingstilskudd',
     SOMMERJOBB: 'sommerjobb',
-    VTAO: 'vtao',
+    VTAO: 'varig tilrettelagt arbeid i ordinær virksomhet',
 };
 
+export const tiltakstypeTekstKort: { [key in TiltaksType]: string } = { ...tiltakstypeTekst, VTAO: 'VTA-O' };
+
 export const avtaleTittel: { [key in TiltaksType]: string } = {
     ARBEIDSTRENING: 'Avtale om arbeidstrening',
     MIDLERTIDIG_LONNSTILSKUDD: 'Avtale om midlertidig lønnstilskudd',
diff --git a/src/utils/stringUtils.ts b/src/utils/stringUtils.ts
index 0a7341c8d..e17289f50 100644
--- a/src/utils/stringUtils.ts
+++ b/src/utils/stringUtils.ts
@@ -1,4 +1,5 @@
 import pickBy from 'lodash.pickby';
+
 export const storForbokstav = (tekst: string) => {
     return tekst ? tekst.toLowerCase().replace(/\b\w/, (v) => v.toUpperCase()) : tekst;
 };
@@ -7,6 +8,10 @@ export const litenForbokstav = (tekst: string) => {
     return tekst ? tekst.toLowerCase() : tekst;
 };
 
+export const kunStorForbokstav = (tekst: string) => {
+    return tekst ? tekst.replace(/\b\w/, (v) => v.toUpperCase()) : tekst;
+};
+
 // https://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex
 export const escapeRegExp = (streng: string) => streng.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');