diff --git a/package.json b/package.json
index 67fbacf9..4581f75b 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "@navikt/ds-tokens": "^5.12.0",
     "@navikt/familie-backend": "^10.0.7",
     "@navikt/familie-datovelger": "0.2.0",
-    "@navikt/familie-form-elements": "^12.0.0",
+    "@navikt/familie-form-elements": "^14.0.0",
     "@navikt/familie-http": "^6.0.2",
     "@navikt/familie-logging": "^6.0.0",
     "@navikt/familie-skjema": "^7.0.6",
diff --git a/src/frontend/komponenter/Fagsak/Brevmottaker/LeggTilEndreBrevmottakerModal.tsx b/src/frontend/komponenter/Fagsak/Brevmottaker/LeggTilEndreBrevmottakerModal.tsx
index 93fddf97..5c20f6b7 100644
--- a/src/frontend/komponenter/Fagsak/Brevmottaker/LeggTilEndreBrevmottakerModal.tsx
+++ b/src/frontend/komponenter/Fagsak/Brevmottaker/LeggTilEndreBrevmottakerModal.tsx
@@ -2,9 +2,9 @@ import React from 'react';
 
 import { styled } from 'styled-components';
 
-import { Button, Fieldset, Modal, Radio, RadioGroup } from '@navikt/ds-react';
+import { Button, Fieldset, Modal, Radio, RadioGroup, Select } from '@navikt/ds-react';
 import { ASpacing6 } from '@navikt/ds-tokens/dist/tokens';
-import { FamilieInput, FamilieSelect } from '@navikt/familie-form-elements';
+import { FamilieInput } from '@navikt/familie-form-elements';
 import { RessursStatus } from '@navikt/familie-typer';
 
 import { useBehandling } from '../../../context/BehandlingContext';
@@ -35,7 +35,7 @@ const StyledFieldset = styled(Fieldset)`
     }
 `;
 
-const MottakerSelect = styled(FamilieSelect)`
+const MottakerSelect = styled(Select)`
     max-width: 19rem;
 `;
 
diff --git a/src/frontend/komponenter/Fagsak/Fakta/FaktaRevurdering.tsx b/src/frontend/komponenter/Fagsak/Fakta/FaktaRevurdering.tsx
index b3edf7fa..e2c970e8 100644
--- a/src/frontend/komponenter/Fagsak/Fakta/FaktaRevurdering.tsx
+++ b/src/frontend/komponenter/Fagsak/Fakta/FaktaRevurdering.tsx
@@ -32,7 +32,7 @@ const FaktaRevurdering: React.FC<IProps> = ({ feilutbetalingFakta }) => {
             <Spacer20 />
             <RadMedMargin>
                 <Column xs="6">
-                    <DetailBold size="small">Årsak(er) til revurdering</DetailBold>
+                    <DetailBold>Årsak(er) til revurdering</DetailBold>
                     {feilutbetalingFakta.faktainfo?.revurderingsårsak && (
                         <BodyShort size="small">
                             {feilutbetalingFakta.faktainfo.revurderingsårsak}
@@ -40,7 +40,7 @@ const FaktaRevurdering: React.FC<IProps> = ({ feilutbetalingFakta }) => {
                     )}
                 </Column>
                 <Column xs="6">
-                    <DetailBold size="small">Dato for revurderingsvedtak</DetailBold>
+                    <DetailBold>Dato for revurderingsvedtak</DetailBold>
                     <BodyShort size="small">
                         {formatterDatostring(feilutbetalingFakta.revurderingsvedtaksdato)}
                     </BodyShort>
@@ -48,7 +48,7 @@ const FaktaRevurdering: React.FC<IProps> = ({ feilutbetalingFakta }) => {
             </RadMedMargin>
             <RadMedMargin>
                 <Column xs="6">
-                    <DetailBold size="small">Resultat</DetailBold>
+                    <DetailBold>Resultat</DetailBold>
                     {feilutbetalingFakta.faktainfo?.revurderingsresultat && (
                         <BodyShort size="small">
                             {feilutbetalingFakta.faktainfo.revurderingsresultat}
@@ -56,7 +56,7 @@ const FaktaRevurdering: React.FC<IProps> = ({ feilutbetalingFakta }) => {
                     )}
                 </Column>
                 <Column xs="6">
-                    <DetailBold size="small">Konsekvens</DetailBold>
+                    <DetailBold>Konsekvens</DetailBold>
                     {feilutbetalingFakta.faktainfo?.konsekvensForYtelser && (
                         <BodyShort size="small">
                             {feilutbetalingFakta.faktainfo.konsekvensForYtelser?.join(', ')}
@@ -66,7 +66,7 @@ const FaktaRevurdering: React.FC<IProps> = ({ feilutbetalingFakta }) => {
             </RadMedMargin>
             <Row>
                 <Column xs="6">
-                    <DetailBold size="small">Tilbakekrevingsvalg</DetailBold>
+                    <DetailBold>Tilbakekrevingsvalg</DetailBold>
                     {feilutbetalingFakta.faktainfo?.tilbakekrevingsvalg && (
                         <BodyShort size="small">
                             {tilbakekrevingsvalg[feilutbetalingFakta.faktainfo.tilbakekrevingsvalg]}
diff --git a/src/frontend/komponenter/Fagsak/Fakta/FaktaSkjema.tsx b/src/frontend/komponenter/Fagsak/Fakta/FaktaSkjema.tsx
index 6a988e0a..0682240d 100644
--- a/src/frontend/komponenter/Fagsak/Fakta/FaktaSkjema.tsx
+++ b/src/frontend/komponenter/Fagsak/Fakta/FaktaSkjema.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { Column, Row } from 'nav-frontend-grid';
 
-import { BodyShort, Checkbox, Heading } from '@navikt/ds-react';
+import { BodyShort, Checkbox, Heading, Textarea } from '@navikt/ds-react';
 
 import { Ytelsetype } from '../../../kodeverk';
 import { IFeilutbetalingFakta } from '../../../typer/feilutbetalingtyper';
@@ -14,7 +14,6 @@ import {
     Spacer20,
     Spacer8,
 } from '../../Felleskomponenter/Flytelementer';
-import { FamilieTilbakeTextArea } from '../../Felleskomponenter/Skjemaelementer';
 import FeilutbetalingFaktaPerioder from './FaktaPeriode/FeilutbetalingFaktaPerioder';
 import FaktaRevurdering from './FaktaRevurdering';
 import { useFeilutbetalingFakta } from './FeilutbetalingFaktaContext';
@@ -65,7 +64,7 @@ const FaktaSkjema: React.FC<IProps> = ({
                     <Spacer20 />
                     <Row>
                         <Column xs="12" md="4">
-                            <DetailBold size="small">Periode med feilutbetaling</DetailBold>
+                            <DetailBold>Periode med feilutbetaling</DetailBold>
                             <BodyShort size="small">
                                 {`${formatterDatostring(
                                     feilutbetalingFakta.totalFeilutbetaltPeriode.fom
@@ -75,7 +74,7 @@ const FaktaSkjema: React.FC<IProps> = ({
                             </BodyShort>
                         </Column>
                         <Column xs="12" md="4">
-                            <DetailBold size="small">Feilutbetalt beløp totalt</DetailBold>
+                            <DetailBold>Feilutbetalt beløp totalt</DetailBold>
                             <BodyShort size="small" className={'redText'}>
                                 {`${formatCurrencyNoKr(
                                     feilutbetalingFakta.totaltFeilutbetaltBeløp
@@ -83,7 +82,7 @@ const FaktaSkjema: React.FC<IProps> = ({
                             </BodyShort>
                         </Column>
                         <Column xs="12" md="4">
-                            <DetailBold size="small">Tidligere varslet beløp</DetailBold>
+                            <DetailBold>Tidligere varslet beløp</DetailBold>
                             <BodyShort size="small">
                                 {feilutbetalingFakta.varsletBeløp
                                     ? `${formatCurrencyNoKr(feilutbetalingFakta.varsletBeløp)}`
@@ -130,10 +129,10 @@ const FaktaSkjema: React.FC<IProps> = ({
             <Spacer20 />
             <Row>
                 <Column sm="12" md="6">
-                    <FamilieTilbakeTextArea
+                    <Textarea
                         name={'begrunnelse'}
                         label={'Forklar årsaken(e) til feilutbetalingen'}
-                        erLesevisning={erLesevisning}
+                        readOnly={erLesevisning}
                         value={skjemaData.begrunnelse ? skjemaData.begrunnelse : ''}
                         onChange={event => onChangeBegrunnelse(event)}
                         maxLength={3000}
diff --git a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx
index f948bb29..7cf6624d 100644
--- a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx
+++ b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx
@@ -5,7 +5,7 @@ import { styled } from 'styled-components';
 import { Column, Row } from 'nav-frontend-grid';
 
 import { ExternalLinkIcon } from '@navikt/aksel-icons';
-import { BodyLong, Heading, Link, Radio, ReadMore } from '@navikt/ds-react';
+import { BodyLong, Heading, Link, Radio, ReadMore, Textarea } from '@navikt/ds-react';
 import { ABorderStrong, ASpacing3 } from '@navikt/ds-tokens/dist/tokens';
 import { FamilieRadioGruppe } from '@navikt/familie-form-elements';
 import { Valideringsstatus } from '@navikt/familie-skjema';
@@ -19,7 +19,7 @@ import { IBehandling } from '../../../../typer/behandling';
 import { datoformatNorsk } from '../../../../utils';
 import { FTButton, Navigering, Spacer20, Spacer8 } from '../../../Felleskomponenter/Flytelementer';
 import PeriodeOppsummering from '../../../Felleskomponenter/Periodeinformasjon/PeriodeOppsummering';
-import { FamilieTilbakeTextArea, FTDatovelger } from '../../../Felleskomponenter/Skjemaelementer';
+import { FTDatovelger } from '../../../Felleskomponenter/Skjemaelementer';
 import PeriodeController from '../../../Felleskomponenter/TilbakeTidslinje/PeriodeController/PeriodeController';
 import { useFeilutbetalingForeldelse } from '../FeilutbetalingForeldelseContext';
 import { ForeldelsePeriodeSkjemeData } from '../typer/feilutbetalingForeldelse';
@@ -153,13 +153,13 @@ const FeilutbetalingForeldelsePeriodeSkjema: React.FC<IProps> = ({
             <Spacer20 />
             <Row>
                 <Column md="8">
-                    <FamilieTilbakeTextArea
+                    <Textarea
                         {...skjema.felter.begrunnelse.hentNavInputProps(skjema.visFeilmeldinger)}
                         id={'begrunnelse'}
                         name="begrunnelse"
                         label={'Vurdering'}
                         maxLength={3000}
-                        erLesevisning={erLesevisning}
+                        readOnly={erLesevisning}
                         value={skjema.felter.begrunnelse.verdi}
                         onChange={event =>
                             skjema.felter.begrunnelse.validerOgSettFelt(event.target.value)
diff --git "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Dokumentlisting/Journalpostvisning.tsx" "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Dokumentlisting/Journalpostvisning.tsx"
index 57007857..406b0958 100644
--- "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Dokumentlisting/Journalpostvisning.tsx"
+++ "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Dokumentlisting/Journalpostvisning.tsx"
@@ -60,7 +60,7 @@ const JournalpostVisning: React.FC<IProps> = ({ journalpost }) => {
                         dokument={dok}
                     />
                 ))}
-                <Detail size="small">
+                <Detail>
                     {`${datoRegistrertSendt ? formatterDatoOgTid(datoRegistrertSendt) : '-'} | `}
                     {typer[journalpost.journalposttype]}
                 </Detail>
diff --git "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Historikk/HistorikkInnslag.tsx" "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Historikk/HistorikkInnslag.tsx"
index 364f9cd3..cb4db2e4 100644
--- "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Historikk/HistorikkInnslag.tsx"
+++ "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Historikk/HistorikkInnslag.tsx"
@@ -117,7 +117,7 @@ const HistorikkInnslag: React.FC<IProps> = ({ innslag }) => {
             </Tidslinje>
             <Innhold>
                 <Label>{lagTittel()}</Label>
-                <Detail size="small">
+                <Detail>
                     {`${formatterDatoOgTidstring(innslag.opprettetTid)} | `}
                     {innslag.aktør === Aktør.VEDTAKSLØSNING
                         ? applikasjoner[innslag.applikasjon]
diff --git "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/SendMelding/SendMelding.tsx" "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/SendMelding/SendMelding.tsx"
index 9cfeefa7..95ecd211 100644
--- "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/SendMelding/SendMelding.tsx"
+++ "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/SendMelding/SendMelding.tsx"
@@ -1,7 +1,6 @@
 import * as React from 'react';
 
-import { BodyShort, Heading } from '@navikt/ds-react';
-import { FamilieSelect } from '@navikt/familie-form-elements';
+import { BodyShort, Heading, Select, Textarea } from '@navikt/ds-react';
 
 import { useBehandling } from '../../../../context/BehandlingContext';
 import { DokumentMal, dokumentMaler } from '../../../../kodeverk';
@@ -9,7 +8,7 @@ import { IBehandling } from '../../../../typer/behandling';
 import { IFagsak, målform } from '../../../../typer/fagsak';
 import { FTButton, Navigering, Spacer20 } from '../../../Felleskomponenter/Flytelementer';
 import BrevmottakerListe from '../../../Felleskomponenter/Hendelsesoversikt/BrevModul/BrevmottakerListe';
-import { FamilieTilbakeTextArea, LabelMedSpråk } from '../../../Felleskomponenter/Skjemaelementer';
+import { LabelMedSpråk } from '../../../Felleskomponenter/Skjemaelementer';
 import ForhåndsvisBrev from './ForhåndsvisBrev/ForhåndsvisBrev';
 import { useSendMelding } from './SendMeldingContext';
 
@@ -59,14 +58,13 @@ const SendMelding: React.FC<IProps> = ({ fagsak, behandling }) => {
                 </div>
             )}
             <Spacer20 />
-            <FamilieSelect
+            <Select
                 {...skjema.felter.maltype.hentNavInputProps(skjema.visFeilmeldinger)}
                 id="dokumentMal"
                 label={'Mal'}
-                erLesevisning={erLesevisning}
+                readOnly={erLesevisning}
                 value={skjema.felter.maltype.verdi}
                 onChange={event => onChangeMal(event)}
-                lesevisningVerdi={'Velg brev'}
             >
                 <option disabled={true} value={''}>
                     Velg brev
@@ -76,11 +74,11 @@ const SendMelding: React.FC<IProps> = ({ fagsak, behandling }) => {
                         {dokumentMaler[mal]}
                     </option>
                 ))}
-            </FamilieSelect>
+            </Select>
             {!!skjema.felter.maltype.verdi && (
                 <>
                     <Spacer20 />
-                    <FamilieTilbakeTextArea
+                    <Textarea
                         {...skjema.felter.fritekst.hentNavInputProps(skjema.visFeilmeldinger)}
                         label={
                             <LabelMedSpråk
@@ -89,7 +87,7 @@ const SendMelding: React.FC<IProps> = ({ fagsak, behandling }) => {
                             />
                         }
                         aria-label={tekstfeltLabel(skjema.felter.maltype.verdi)}
-                        erLesevisning={erLesevisning}
+                        readOnly={erLesevisning}
                         value={skjema.felter.fritekst.verdi}
                         onChange={event =>
                             skjema.felter.fritekst.validerOgSettFelt(event.target.value)
diff --git "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx"
index 4a890cc0..f165a5e9 100644
--- "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx"
+++ "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx"
@@ -2,16 +2,13 @@ import * as React from 'react';
 
 import { styled } from 'styled-components';
 
-import { Alert, Link, Radio } from '@navikt/ds-react';
+import { Alert, Link, Radio, Textarea } from '@navikt/ds-react';
 import { RessursStatus } from '@navikt/familie-typer';
 
 import { behandlingssteg } from '../../../../typer/behandling';
 import ArrowBox from '../../../Felleskomponenter/ArrowBox/ArrowBox';
 import { FTButton, Navigering, Spacer20 } from '../../../Felleskomponenter/Flytelementer';
-import {
-    FamilieTilbakeTextArea,
-    HorisontalFamilieRadioGruppe,
-} from '../../../Felleskomponenter/Skjemaelementer';
+import { HorisontalFamilieRadioGruppe } from '../../../Felleskomponenter/Skjemaelementer';
 import Steginformasjon from '../../../Felleskomponenter/Steginformasjon/StegInformasjon';
 import { finnSideForSteg, ISide } from '../../../Felleskomponenter/Venstremeny/sider';
 import { useTotrinnskontroll } from './TotrinnskontrollContext';
@@ -121,10 +118,10 @@ const Totrinnskontroll: React.FC = () => {
                                     {vurdertIkkeGodkjent && (
                                         <>
                                             <ArrowBox alignOffset={erLesevisning ? 5 : 125}>
-                                                <FamilieTilbakeTextArea
+                                                <Textarea
                                                     name={`ikkeGodkjentBegrunnelse_${totrinnSteg.index}`}
                                                     label="Begrunnelse"
-                                                    erLesevisning={erLesevisning}
+                                                    readOnly={erLesevisning}
                                                     value={totrinnSteg.begrunnelse || ''}
                                                     maxLength={2000}
                                                     onChange={event =>
diff --git a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/EndreBehandlendeEnhet/EndreBehandlendeEnhet.tsx b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/EndreBehandlendeEnhet/EndreBehandlendeEnhet.tsx
index 15380806..eb90230a 100644
--- a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/EndreBehandlendeEnhet/EndreBehandlendeEnhet.tsx
+++ b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/EndreBehandlendeEnhet/EndreBehandlendeEnhet.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 
-import { ErrorMessage, Modal } from '@navikt/ds-react';
-import { FamilieSelect } from '@navikt/familie-form-elements';
+import { ErrorMessage, Modal, Select, Textarea } from '@navikt/ds-react';
 import { RessursStatus } from '@navikt/familie-typer';
 
 import { useBehandling } from '../../../../../context/BehandlingContext';
@@ -14,7 +13,6 @@ import {
     FTButton,
     Spacer8,
 } from '../../../../Felleskomponenter/Flytelementer';
-import { FamilieTilbakeTextArea } from '../../../../Felleskomponenter/Skjemaelementer';
 import { useEndreBehandlendeEnhet } from './EndreBehandlendeEnhetContext';
 
 interface IProps {
@@ -65,13 +63,11 @@ const EndreBehandlendeEnhet: React.FC<IProps> = ({ ytelse, behandling, onListEle
                     }}
                 >
                     <Modal.Body>
-                        <FamilieSelect
+                        <Select
                             {...skjema.felter.enhet.hentNavInputProps(skjema.visFeilmeldinger)}
-                            erLesevisning={false}
+                            readOnly={false}
                             name="enhet"
                             label={'Velg ny enhet'}
-                            value={skjema.felter.enhet.verdi}
-                            onChange={e => skjema.felter.enhet.validerOgSettFelt(e.target.value)}
                         >
                             <option value={''} disabled={true}>
                                 Velg ny enhet
@@ -81,18 +77,14 @@ const EndreBehandlendeEnhet: React.FC<IProps> = ({ ytelse, behandling, onListEle
                                     {enhet.enhetNavn}
                                 </option>
                             ))}
-                        </FamilieSelect>
+                        </Select>
                         <Spacer8 />
-                        <FamilieTilbakeTextArea
+                        <Textarea
                             {...skjema.felter.begrunnelse.hentNavInputProps(
                                 skjema.visFeilmeldinger
                             )}
                             label={'Begrunnelse'}
-                            erLesevisning={false}
-                            value={skjema.felter.begrunnelse.verdi}
-                            onChange={e =>
-                                skjema.felter.begrunnelse.validerOgSettFelt(e.target.value)
-                            }
+                            readOnly={false}
                             maxLength={400}
                         />
                         {feilmelding && (
diff --git "a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/Forh\303\245ndsvisHenleggelsesbrev/Forh\303\245ndsvisHenleggelsesbrev.tsx" "b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/Forh\303\245ndsvisHenleggelsesbrev/Forh\303\245ndsvisHenleggelsesbrev.tsx"
index b0093e08..cfa58614 100644
--- "a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/Forh\303\245ndsvisHenleggelsesbrev/Forh\303\245ndsvisHenleggelsesbrev.tsx"
+++ "b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/Forh\303\245ndsvisHenleggelsesbrev/Forh\303\245ndsvisHenleggelsesbrev.tsx"
@@ -39,7 +39,7 @@ const ForhåndsvisHenleggelsesBrev: React.FC<IProps> = ({ behandling, skjema, ka
 
     return kanForhåndsvise ? (
         <StyledContainer>
-            <Detail size="small">Informer søker: </Detail>
+            <Detail>Informer søker: </Detail>
             <Link
                 href="#"
                 onMouseDown={e => e.preventDefault()}
diff --git a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/HenleggBehandlingModal/HenleggBehandlingModal.tsx b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/HenleggBehandlingModal/HenleggBehandlingModal.tsx
index 6dc47162..1db3ee0b 100644
--- a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/HenleggBehandlingModal/HenleggBehandlingModal.tsx
+++ b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/HenleggBehandling/HenleggBehandlingModal/HenleggBehandlingModal.tsx
@@ -1,7 +1,5 @@
 import * as React from 'react';
 
-import { FamilieSelect } from '@navikt/familie-form-elements';
-
 import {
     Behandlingresultat,
     behandlingsresultater,
@@ -9,11 +7,8 @@ import {
 } from '../../../../../../typer/behandling';
 import { IFagsak, målform } from '../../../../../../typer/fagsak';
 import { FTButton, Spacer20 } from '../../../../../Felleskomponenter/Flytelementer';
-import { Modal } from '@navikt/ds-react';
-import {
-    FamilieTilbakeTextArea,
-    LabelMedSpråk,
-} from '../../../../../Felleskomponenter/Skjemaelementer';
+import { Modal, Select, Textarea } from '@navikt/ds-react';
+import { LabelMedSpråk } from '../../../../../Felleskomponenter/Skjemaelementer';
 import ForhåndsvisHenleggelsesBrev from '../ForhåndsvisHenleggelsesbrev/ForhåndsvisHenleggelsesbrev';
 import { useHenleggBehandlingSkjema } from './HenleggBehandlingModalContext';
 
@@ -61,7 +56,7 @@ const HenleggBehandlingModal: React.FC<IProps> = ({
                     }}
                 >
                     <Modal.Body>
-                        <FamilieSelect
+                        <Select
                             {...skjema.felter.årsakkode.hentNavInputProps(skjema.visFeilmeldinger)}
                             label={`Velg årsak`}
                             onChange={e => onChangeÅrsakskode(e)}
@@ -74,11 +69,11 @@ const HenleggBehandlingModal: React.FC<IProps> = ({
                                     {behandlingsresultater[årsak]}
                                 </option>
                             ))}
-                        </FamilieSelect>
+                        </Select>
                         {visFritekst && (
                             <>
                                 <Spacer20 />
-                                <FamilieTilbakeTextArea
+                                <Textarea
                                     {...skjema.felter.fritekst.hentNavInputProps(
                                         skjema.visFeilmeldinger
                                     )}
@@ -93,13 +88,13 @@ const HenleggBehandlingModal: React.FC<IProps> = ({
                                     onChange={event =>
                                         skjema.felter.fritekst.validerOgSettFelt(event.target.value)
                                     }
-                                    erLesevisning={false}
+                                    readOnly={false}
                                     maxLength={1500}
                                 />
                             </>
                         )}
                         <Spacer20 />
-                        <FamilieTilbakeTextArea
+                        <Textarea
                             {...skjema.felter.begrunnelse.hentNavInputProps(
                                 skjema.visFeilmeldinger
                             )}
@@ -108,7 +103,7 @@ const HenleggBehandlingModal: React.FC<IProps> = ({
                             onChange={event =>
                                 skjema.felter.begrunnelse.validerOgSettFelt(event.target.value)
                             }
-                            erLesevisning={false}
+                            readOnly={false}
                             maxLength={200}
                         />
                     </Modal.Body>
diff --git "a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/SettBehandlingP\303\245Vent/SettBehandlingP\303\245Vent.tsx" "b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/SettBehandlingP\303\245Vent/SettBehandlingP\303\245Vent.tsx"
index 62eb4f86..70e95306 100644
--- "a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/SettBehandlingP\303\245Vent/SettBehandlingP\303\245Vent.tsx"
+++ "b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/SettBehandlingP\303\245Vent/SettBehandlingP\303\245Vent.tsx"
@@ -1,7 +1,6 @@
 import * as React from 'react';
 
-import { ErrorMessage, Modal } from '@navikt/ds-react';
-import { FamilieSelect } from '@navikt/familie-form-elements';
+import { ErrorMessage, Modal, Select } from '@navikt/ds-react';
 import { Valideringsstatus } from '@navikt/familie-skjema';
 
 import { useBehandling } from '../../../../../context/BehandlingContext';
@@ -86,12 +85,9 @@ const SettBehandlingPåVent: React.FC<IProps> = ({ behandling, onListElementClic
                             }
                         />
                         <Spacer20 />
-                        <FamilieSelect
-                            {...skjema.felter.årsak.hentNavBaseSkjemaProps(skjema.visFeilmeldinger)}
+                        <Select
+                            {...skjema.felter.årsak.hentNavInputProps(skjema.visFeilmeldinger)}
                             label={'Årsak'}
-                            value={skjema.felter.årsak.verdi}
-                            onChange={event => skjema.felter.årsak.onChange(event)}
-                            required={true}
                         >
                             <option value="" disabled>
                                 Velg årsak
@@ -101,7 +97,7 @@ const SettBehandlingPåVent: React.FC<IProps> = ({ behandling, onListElementClic
                                     {venteårsaker[årsak]}
                                 </option>
                             ))}
-                        </FamilieSelect>
+                        </Select>
                         {feilmelding && feilmelding !== '' && (
                             <>
                                 <Spacer8 />
diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/S\303\246rligeGrunnerSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/S\303\246rligeGrunnerSkjema.tsx"
index 39e3b3a9..b9f04466 100644
--- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/S\303\246rligeGrunnerSkjema.tsx"
+++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/S\303\246rligeGrunnerSkjema.tsx"
@@ -4,14 +4,13 @@ import { styled } from 'styled-components';
 
 import { Column, Row } from 'nav-frontend-grid';
 
-import { CheckboxGroup } from '@navikt/ds-react';
+import { CheckboxGroup, Textarea } from '@navikt/ds-react';
 import { ASpacing2 } from '@navikt/ds-tokens/dist/tokens';
 import { FamilieCheckbox } from '@navikt/familie-form-elements';
 import { type ISkjema } from '@navikt/familie-skjema';
 
 import { SærligeGrunner, særligegrunner, særligeGrunnerTyper } from '../../../../../kodeverk';
 import { DetailBold, Spacer20 } from '../../../../Felleskomponenter/Flytelementer';
-import { FamilieTilbakeTextArea } from '../../../../Felleskomponenter/Skjemaelementer';
 import { VilkårsvurderingSkjemaDefinisjon } from '../VilkårsvurderingPeriodeSkjemaContext';
 import ReduksjonAvBeløpSkjema from './ReduksjonAvBeløpSkjema';
 
@@ -44,14 +43,14 @@ const SærligeGrunnerSkjema: React.FC<IProps> = ({ skjema, erLesevisning }) => {
     return (
         <div>
             <DetailBold spacing>Særlige grunner 4. ledd</DetailBold>
-            <FamilieTilbakeTextArea
+            <Textarea
                 {...skjema.felter.særligeGrunnerBegrunnelse.hentNavInputProps(
                     skjema.visFeilmeldinger
                 )}
                 name="sarligGrunnerBegrunnelse"
                 label={'Vurder særlige grunner du har vektlagt for resultatet'}
                 maxLength={3000}
-                erLesevisning={erLesevisning}
+                readOnly={erLesevisning}
                 value={skjema.felter.særligeGrunnerBegrunnelse.verdi}
                 onChange={event =>
                     skjema.felter.særligeGrunnerBegrunnelse.validerOgSettFelt(event.target.value)
@@ -82,7 +81,7 @@ const SærligeGrunnerSkjema: React.FC<IProps> = ({ skjema, erLesevisning }) => {
                 <Row>
                     <Column md="1" />
                     <Column md="10">
-                        <FamilieTilbakeTextArea
+                        <Textarea
                             {...skjema.felter.særligeGrunnerAnnetBegrunnelse.hentNavInputProps(
                                 skjema.visFeilmeldinger
                             )}
@@ -90,7 +89,7 @@ const SærligeGrunnerSkjema: React.FC<IProps> = ({ skjema, erLesevisning }) => {
                             name="annetBegrunnelse"
                             aria-label="Begrunnelse: Annet"
                             maxLength={3000}
-                            erLesevisning={erLesevisning}
+                            readOnly={erLesevisning}
                             value={skjema.felter.særligeGrunnerAnnetBegrunnelse.verdi}
                             onChange={event =>
                                 skjema.felter.særligeGrunnerAnnetBegrunnelse.validerOgSettFelt(
diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx"
index 8f6daffa..405df0b1 100644
--- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx"
+++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx"
@@ -4,9 +4,9 @@ import { styled } from 'styled-components';
 
 import { Column, Row } from 'nav-frontend-grid';
 
-import { BodyShort, Detail, Heading, HelpText, Radio } from '@navikt/ds-react';
+import { BodyShort, Detail, Heading, HelpText, Radio, Select, Textarea } from '@navikt/ds-react';
 import { ABorderStrong, ASpacing3 } from '@navikt/ds-tokens/dist/tokens';
-import { FamilieRadioGruppe, FamilieSelect } from '@navikt/familie-form-elements';
+import { FamilieRadioGruppe } from '@navikt/familie-form-elements';
 import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema';
 
 import {
@@ -25,7 +25,6 @@ import { IFagsak } from '../../../../typer/fagsak';
 import { formatterDatostring, isEmpty } from '../../../../utils';
 import { FTButton, Navigering, Spacer20 } from '../../../Felleskomponenter/Flytelementer';
 import PeriodeOppsummering from '../../../Felleskomponenter/Periodeinformasjon/PeriodeOppsummering';
-import { FamilieTilbakeTextArea } from '../../../Felleskomponenter/Skjemaelementer';
 import PeriodeController from '../../../Felleskomponenter/TilbakeTidslinje/PeriodeController/PeriodeController';
 import { useFeilutbetalingVilkårsvurdering } from '../FeilutbetalingVilkårsvurderingContext';
 import { VilkårsvurderingPeriodeSkjemaData } from '../typer/feilutbetalingVilkårsvurdering';
@@ -268,13 +267,11 @@ const VilkårsvurderingPeriodeSkjema: React.FC<IProps> = ({
                     <>
                         <Row>
                             <Column md="3">
-                                <FamilieSelect
+                                <Select
                                     name="perioderForKopi"
                                     onChange={event => onKopierPeriode(event)}
-                                    label={
-                                        <Detail size="small">Kopier vilkårsvurdering fra</Detail>
-                                    }
-                                    erLesevisning={erLesevisning}
+                                    label={<Detail>Kopier vilkårsvurdering fra</Detail>}
+                                    readOnly={erLesevisning}
                                     size="small"
                                 >
                                     <option value="-">-</option>
@@ -288,7 +285,7 @@ const VilkårsvurderingPeriodeSkjema: React.FC<IProps> = ({
                                             )} - ${formatterDatostring(per.periode.tom)}`}
                                         </option>
                                     ))}
-                                </FamilieSelect>
+                                </Select>
                             </Column>
                         </Row>
                         <Spacer20 />
@@ -321,7 +318,7 @@ const VilkårsvurderingPeriodeSkjema: React.FC<IProps> = ({
                                 <Heading size="small" level="2" spacing>
                                     Vilkårene for tilbakekreving
                                 </Heading>
-                                <FamilieTilbakeTextArea
+                                <Textarea
                                     {...skjema.felter.vilkårsresultatBegrunnelse.hentNavInputProps(
                                         skjema.visFeilmeldinger
                                     )}
@@ -331,7 +328,7 @@ const VilkårsvurderingPeriodeSkjema: React.FC<IProps> = ({
                                         'Hvilke hendelser har ført til feilutbetalingen og vurder valg av hjemmel'
                                     }
                                     maxLength={3000}
-                                    erLesevisning={erLesevisning}
+                                    readOnly={erLesevisning}
                                     value={skjema.felter.vilkårsresultatBegrunnelse.verdi}
                                     onChange={event =>
                                         skjema.felter.vilkårsresultatBegrunnelse.validerOgSettFelt(
@@ -394,7 +391,7 @@ const VilkårsvurderingPeriodeSkjema: React.FC<IProps> = ({
                                             Aktsomhet
                                         </Heading>
                                     )}
-                                    <FamilieTilbakeTextArea
+                                    <Textarea
                                         {...skjema.felter.aktsomhetBegrunnelse.hentNavInputProps(
                                             skjema.visFeilmeldinger
                                         )}
@@ -411,7 +408,7 @@ const VilkårsvurderingPeriodeSkjema: React.FC<IProps> = ({
                                                 ? 'Begrunn hvorfor beløpet er i behold / er ikke i behold'
                                                 : ''
                                         }
-                                        erLesevisning={erLesevisning}
+                                        readOnly={erLesevisning}
                                         value={
                                             skjema.felter.aktsomhetBegrunnelse
                                                 ? skjema.felter.aktsomhetBegrunnelse.verdi
diff --git "a/src/frontend/komponenter/Felleskomponenter/Modal/P\303\245Vent/P\303\245VentModal.tsx" "b/src/frontend/komponenter/Felleskomponenter/Modal/P\303\245Vent/P\303\245VentModal.tsx"
index 6f735fe6..5c8c156d 100644
--- "a/src/frontend/komponenter/Felleskomponenter/Modal/P\303\245Vent/P\303\245VentModal.tsx"
+++ "b/src/frontend/komponenter/Felleskomponenter/Modal/P\303\245Vent/P\303\245VentModal.tsx"
@@ -2,9 +2,8 @@ import * as React from 'react';
 
 import { styled } from 'styled-components';
 
-import { BodyLong, Heading, Modal } from '@navikt/ds-react';
+import { BodyLong, Heading, Modal, Select } from '@navikt/ds-react';
 import { ATextDanger, ASpacing8 } from '@navikt/ds-tokens/dist/tokens';
-import { FamilieSelect } from '@navikt/familie-form-elements';
 import { Valideringsstatus } from '@navikt/familie-skjema';
 
 import {
@@ -76,6 +75,7 @@ const PåVentModal: React.FC<IProps> = ({ behandling, ventegrunn, onClose }) =>
             header={{
                 heading: 'Behandling satt på vent',
                 size: 'medium',
+                closeButton: false,
             }}
             portal={true}
             width="small"
@@ -113,15 +113,10 @@ const PåVentModal: React.FC<IProps> = ({ behandling, ventegrunn, onClose }) =>
                         erLesesvisning={erVenterPåKravgrunnlag}
                     />
                     <Spacer20 />
-                    <FamilieSelect
+                    <Select
                         {...skjema.felter.årsak.hentNavInputProps(skjema.visFeilmeldinger)}
                         label={'Årsak'}
-                        value={skjema.felter.årsak.verdi}
-                        onChange={event => skjema.felter.årsak.onChange(event)}
-                        lesevisningVerdi={
-                            skjema.felter.årsak.verdi ? venteårsaker[skjema.felter.årsak.verdi] : ''
-                        }
-                        erLesevisning={erAutomatiskVent}
+                        readOnly={erAutomatiskVent}
                     >
                         <option value="" disabled>
                             Velg årsak
@@ -131,7 +126,7 @@ const PåVentModal: React.FC<IProps> = ({ behandling, ventegrunn, onClose }) =>
                                 {venteårsaker[årsak]}
                             </option>
                         ))}
-                    </FamilieSelect>
+                    </Select>
                     {feilmelding && feilmelding !== '' && (
                         <FeilContainer>
                             <BodyLong size="small">{feilmelding}</BodyLong>
diff --git a/yarn.lock b/yarn.lock
index 95244ab9..90a4e5e9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1743,6 +1743,14 @@
     classnames "^2.3.2"
     react-select "^5.7.0"
 
+"@navikt/familie-form-elements@^14.0.0":
+  version "14.0.0"
+  resolved "https://npm.pkg.github.com/download/@navikt/familie-form-elements/14.0.0/2e7b6e26fde5e677096fcf1c523ed25159926bb1#2e7b6e26fde5e677096fcf1c523ed25159926bb1"
+  integrity sha512-P5cMOmDkC2UEshd4P7RmMwfzGq9Lj1z5hRyuHMOtw4KDXaiaNpY6x6CKuP9dxu/MgsOPbuy5vxMNCRBpMHALyA==
+  dependencies:
+    classnames "^2.5.1"
+    react-select "^5.8.0"
+
 "@navikt/familie-http@^6.0.2":
   version "6.0.2"
   resolved "https://npm.pkg.github.com/download/@navikt/familie-http/6.0.2/98c92e337b3638a76e43b76ad8b2cd74b62855f9#98c92e337b3638a76e43b76ad8b2cd74b62855f9"
@@ -3799,6 +3807,11 @@ classnames@*, classnames@^2.3.0, classnames@^2.3.1, classnames@^2.3.2:
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924"
   integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
 
+classnames@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
+  integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
+
 clean-css@^5.2.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.2.tgz#70ecc7d4d4114921f5d298349ff86a31a9975224"
@@ -8211,6 +8224,21 @@ react-select@^5.7.0:
     react-transition-group "^4.3.0"
     use-isomorphic-layout-effect "^1.1.2"
 
+react-select@^5.8.0:
+  version "5.8.0"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.8.0.tgz#bd5c467a4df223f079dd720be9498076a3f085b5"
+  integrity sha512-TfjLDo58XrhP6VG5M/Mi56Us0Yt8X7xD6cDybC7yoRMUNm7BGO7qk8J0TLQOua/prb8vUOtsfnXZwfm30HGsAA==
+  dependencies:
+    "@babel/runtime" "^7.12.0"
+    "@emotion/cache" "^11.4.0"
+    "@emotion/react" "^11.8.1"
+    "@floating-ui/dom" "^1.0.1"
+    "@types/react-transition-group" "^4.4.0"
+    memoize-one "^6.0.0"
+    prop-types "^15.6.0"
+    react-transition-group "^4.3.0"
+    use-isomorphic-layout-effect "^1.1.2"
+
 react-tooltip@*:
   version "5.20.0"
   resolved "https://registry.yarnpkg.com/react-tooltip/-/react-tooltip-5.20.0.tgz#d8c183f66976fb793ce79d9a35283dd18018f844"