diff --git a/apps/frontend/src/components/Header.tsx b/apps/frontend/src/components/Header.tsx
index c76689098..521b892d3 100644
--- a/apps/frontend/src/components/Header.tsx
+++ b/apps/frontend/src/components/Header.tsx
@@ -30,6 +30,7 @@ import {getMeldingByType} from '../api/MeldingApi'
 import {Markdown} from './common/Markdown'
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
 import {ampli} from '../services/Amplitude'
+import { ChevronDownIcon, ChevronUpIcon } from '@navikt/aksel-icons'
 
 export const loginUrl = (location: Location, path?: string) => {
   const frontpage = window.location.href.substr(0, window.location.href.length - location.pathname.length)
@@ -42,7 +43,7 @@ export const LoginButton = () => {
   const location = useLocation()
   return (
     <StyledLink style={{ textDecoration: 'none' }} href={loginUrl(location, location.pathname)}>
-      <Button size={SIZE.compact} kind={KIND.secondary} $style={buttonBorderStyle}>
+      <Button kind={KIND.secondary} $style={buttonBorderStyle}>
         <strong>Logg inn</strong>
       </Button>
     </StyledLink>
@@ -54,7 +55,7 @@ const LoggedInHeader = () => {
 
   const roller = (
     <Block>
-      <Button size={'mini'} kind={'underline-hover'} onClick={() => setViewRoller(!viewRoller)} icon={viewRoller ? faChevronUp : faChevronDown}>
+      <Button size={'xsmall'} kind={'underline-hover'} onClick={() => setViewRoller(!viewRoller)} icon={viewRoller ? <ChevronUpIcon/> : <ChevronDownIcon/>}>
         Endre aktive roller
       </Button>
       <Block display={viewRoller ? 'block' : 'none'} marginTop={theme.sizing.scale200}>
diff --git a/apps/frontend/src/components/Navigation/Burger/index.tsx b/apps/frontend/src/components/Navigation/Burger/index.tsx
index 190128354..71a80ef79 100644
--- a/apps/frontend/src/components/Navigation/Burger/index.tsx
+++ b/apps/frontend/src/components/Navigation/Burger/index.tsx
@@ -81,7 +81,7 @@ const BurgerMenu = () => {
   return (
     <React.Fragment>
       {!showMenu && (
-        <Button kind="secondary" size="small" onClick={() => setShowMenu(true)} icon={<MenuHamburgerIcon />}>
+        <Button kind="secondary"  onClick={() => setShowMenu(true)} icon={<MenuHamburgerIcon />}>
           Meny
         </Button>
       )}
@@ -110,7 +110,7 @@ const BurgerMenu = () => {
         >
           <Block display="flex" flexDirection="column" height="100%">
             <Block width="100%" display="flex" justifyContent="flex-end" marginBottom={theme.sizing.scale1600}>
-              <Button kind="secondary" size="small" onClick={() => setShowMenu(false)} icon={<XMarkIcon />}>
+              <Button kind="secondary"  onClick={() => setShowMenu(false)} icon={<XMarkIcon />}>
                 Meny
               </Button>
             </Block>
diff --git a/apps/frontend/src/components/admin/CodeList/CodeListStyledTable.tsx b/apps/frontend/src/components/admin/CodeList/CodeListStyledTable.tsx
index 6236c638e..bb5097fef 100644
--- a/apps/frontend/src/components/admin/CodeList/CodeListStyledTable.tsx
+++ b/apps/frontend/src/components/admin/CodeList/CodeListStyledTable.tsx
@@ -1,9 +1,6 @@
 import * as React from 'react'
 import { useEffect, useState } from 'react'
 import { Block } from 'baseui/block'
-import { KIND, SIZE as ButtonSize } from 'baseui/button'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faEdit, faGhost, faTrash } from '@fortawesome/free-solid-svg-icons'
 import UpdateCodeListModal from './ModalUpdateCodeList'
 import DeleteCodeListModal from './ModalDeleteCodeList'
 import { Usage } from './CodeListUsage'
@@ -13,6 +10,7 @@ import { deleteCodelist, getCodelistUsage, updateCodelist } from '../../../api/C
 import { Cell, Row, Table } from '../../common/Table'
 import Button from '../../common/Button'
 import { theme } from '../../../util'
+import { DocPencilIcon, GlassesIcon, TrashIcon } from '@navikt/aksel-icons'
 
 type TableCodelistProps = {
   tableData: Code[]
@@ -29,7 +27,7 @@ const CodeListTable = ({ tableData, refresh }: TableCodelistProps) => {
 
   useEffect(() => {
     if (showUsage && selectedCode) {
-      ;(async () => {
+      ; (async () => {
         setUsage(undefined)
         const usage = await getCodelistUsage(selectedCode.list, selectedCode.code)
         setUsage(usage)
@@ -93,42 +91,33 @@ const CodeListTable = ({ tableData, refresh }: TableCodelistProps) => {
               <Cell small>
                 <Block display="flex" justifyContent="flex-end" width="100%">
                   <Button
-                    tooltip={'Bruk'}
-                    size={ButtonSize.compact}
-                    kind={row === selectedCode && showUsage ? KIND.primary : KIND.tertiary}
+                    tooltip={'Vis bruk'}
+                    kind={row === selectedCode && showUsage ? 'primary' : 'tertiary'}
                     onClick={() => {
                       setSelectedCode(row)
                       setShowUsage(true)
                     }}
-                    label={'Vis bruk'}
-                  >
-                    <FontAwesomeIcon icon={faGhost} />
-                  </Button>
-                  <AuditButton id={`${row.list}-${row.code}`} kind={KIND.tertiary} />
+                    icon={< GlassesIcon title="Vis bruk" />}
+                  />
+                  <AuditButton id={`${row.list}-${row.code}`} kind={'tertiary'} />
                   <Button
                     tooltip={'Rediger'}
-                    size={ButtonSize.compact}
-                    kind={KIND.tertiary}
+                    kind={"tertiary"}
                     onClick={() => {
                       setSelectedCode(row)
                       setShowEditModal(true)
                     }}
-                    label={'Rediger'}
-                  >
-                    <FontAwesomeIcon icon={faEdit} />
-                  </Button>
+                    icon={<DocPencilIcon title="Rediger" />}
+                  />
                   <Button
                     tooltip={'Slett'}
-                    size={ButtonSize.compact}
-                    kind={KIND.tertiary}
+                    kind={"tertiary"}
                     onClick={() => {
                       setSelectedCode(row)
                       setShowDeleteModal(true)
                     }}
-                    label={'Slett'}
-                  >
-                    <FontAwesomeIcon icon={faTrash} />
-                  </Button>
+                    icon={<TrashIcon title="Slett" />}
+                  />
                 </Block>
               </Cell>
             </Row>
diff --git a/apps/frontend/src/components/admin/audit/AuditButton.tsx b/apps/frontend/src/components/admin/audit/AuditButton.tsx
index 19ffdef4a..b8c0c3091 100644
--- a/apps/frontend/src/components/admin/audit/AuditButton.tsx
+++ b/apps/frontend/src/components/admin/audit/AuditButton.tsx
@@ -28,7 +28,6 @@ export const AuditButton = (props: {
             tooltip={intl.version}
             marginLeft={props.marginLeft}
             marginRight={props.marginRight}
-            size={"small"}
             kind={props.kind || 'outline'}
             icon={<ClockDashedIcon title="Versjonering"/>}
           >
diff --git a/apps/frontend/src/components/admin/audit/AuditView.tsx b/apps/frontend/src/components/admin/audit/AuditView.tsx
index 74cea9900..1d187206e 100644
--- a/apps/frontend/src/components/admin/audit/AuditView.tsx
+++ b/apps/frontend/src/components/admin/audit/AuditView.tsx
@@ -18,6 +18,7 @@ import { AuditAction, AuditLog } from './AuditTypes'
 import { ObjectLink } from '../../common/RouteLink'
 import Button from '../../common/Button'
 import { ettlevColors } from '../../../util/theme'
+import { ArrowRightLeftIcon, GlassesIcon, XMarkIcon } from '@navikt/aksel-icons'
 
 type AuditViewProps = {
   auditLog?: AuditLog
@@ -54,25 +55,21 @@ export const AuditView = (props: AuditViewProps) => {
               <Label label={intl.audits}>{auditLog?.audits.length}</Label>
             </Block>
             <Block display="flex">
-              <Button size="small" kind="tertiary" marginRight onClick={() => setOpenAll(!openAll)}>
+              <Button kind="tertiary" marginRight onClick={() => setOpenAll(!openAll)}>
                 {openAll ? 'Lukke' : 'Åpne'} alle
               </Button>
               {newestAudit?.action !== AuditAction.DELETE && (
                 <StatefulTooltip content={() => intl.view} placement={PLACEMENT.top}>
                   <Block>
                     <ObjectLink id={newestAudit!.tableId} type={newestAudit!.table} audit={newestAudit}>
-                      <Button size="small" kind="tertiary">
-                        <FontAwesomeIcon icon={faBinoculars} />
-                      </Button>
+                      <Button kind="tertiary" icon={<GlassesIcon title="Se forskjell"/>} />
                     </ObjectLink>
                   </Block>
                 </StatefulTooltip>
               )}
               <StatefulTooltip content={() => intl.close} placement={PLACEMENT.top}>
                 <Block>
-                  <Button size="small" kind="tertiary" onClick={() => viewId('')}>
-                    <FontAwesomeIcon icon={faTimes} />
-                  </Button>
+                  <Button kind="tertiary" onClick={() => viewId('')} icon={<XMarkIcon title="Lukk"/>} />
                 </Block>
               </StatefulTooltip>
             </Block>
@@ -118,9 +115,7 @@ export const AuditView = (props: AuditViewProps) => {
                         }}
                       >
                         <div>
-                          <Button size="small" kind="tertiary">
-                            <FontAwesomeIcon icon={faExchangeAlt} />
-                          </Button>
+                          <Button  kind="tertiary" icon={<ArrowRightLeftIcon title="Sammenling"/>} />
                         </div>
                       </StatefulPopover>
                     </Block>
diff --git a/apps/frontend/src/components/common/Inputs.tsx b/apps/frontend/src/components/common/Inputs.tsx
index 7b0a71efc..4c66a24fc 100644
--- a/apps/frontend/src/components/common/Inputs.tsx
+++ b/apps/frontend/src/components/common/Inputs.tsx
@@ -343,7 +343,7 @@ export const MultiInputField = (props: {
                   </Block>
 
                   <Block minWidth="107px">
-                    <Button type="button" onClick={add} marginLeft label={'Legg til'} kind="secondary" size="compact">
+                    <Button type="button" onClick={add} marginLeft kind="secondary">
                       Legg til
                     </Button>
                   </Block>
diff --git a/apps/frontend/src/components/common/Table.tsx b/apps/frontend/src/components/common/Table.tsx
index d86977846..02abcc6fe 100644
--- a/apps/frontend/src/components/common/Table.tsx
+++ b/apps/frontend/src/components/common/Table.tsx
@@ -20,6 +20,7 @@ import { KIND } from 'baseui/button'
 import { Pagination } from 'baseui/pagination'
 import CustomizedInput from '../common/CustomizedInput'
 import { CustomizedStatefulSelect } from './CustomizedSelect'
+import { ChevronDownIcon } from '@navikt/aksel-icons'
 
 // Use this for entire app, or recreate maybe, added here as I needed it for audit
 
@@ -148,7 +149,7 @@ export const Table = <T, K extends keyof T>(props: TableProps<T, K>) => {
             placement={PLACEMENT.bottom}
           >
             <Block>
-              <Button kind={KIND.tertiary} iconEnd={faChevronDown}>{`${table.limit} ${intl.rows}`}</Button>
+              <Button kind={'tertiary'} iconPosition='right' icon={<ChevronDownIcon />}>{`${table.limit} ${intl.rows}`}</Button>
             </Block>
           </StatefulPopover>
           <Block>
diff --git a/apps/frontend/src/components/etterlevelse/EtterlevelseSecondaryHeader.tsx b/apps/frontend/src/components/etterlevelse/EtterlevelseSecondaryHeader.tsx
index cd118d2e2..bf48e1390 100644
--- a/apps/frontend/src/components/etterlevelse/EtterlevelseSecondaryHeader.tsx
+++ b/apps/frontend/src/components/etterlevelse/EtterlevelseSecondaryHeader.tsx
@@ -112,8 +112,6 @@ export const EtterlevelseSecondaryHeader = ({ tab, setTab, setNavigatePath, ette
 
         <Block display="flex" justifyContent="flex-end" width="100%">
           <Button
-            startEnhancer={<img src={page2Icon} alt="Om personvern og ansvarlig for tema" />}
-            size="compact"
             $style={{
               fontSize: '18px',
               fontWeight: 600,
diff --git a/apps/frontend/src/components/etterlevelseDokumentasjon/ArkiveringModal.tsx b/apps/frontend/src/components/etterlevelseDokumentasjon/ArkiveringModal.tsx
index ad358120c..c1cdf5fb5 100644
--- a/apps/frontend/src/components/etterlevelseDokumentasjon/ArkiveringModal.tsx
+++ b/apps/frontend/src/components/etterlevelseDokumentasjon/ArkiveringModal.tsx
@@ -112,7 +112,6 @@ export const ArkiveringModal = ({ arkivModal, setArkivModal, etterlevelseDokumen
                   setIsArchivingCancelled(false)
                 }
               }}
-              size={'compact'}
               kind={etterlevelseArkiv.status !== EtterlevelseArkivStatus.TIL_ARKIVERING ? 'primary' : 'secondary'}
               $style={{
                 borderWidth: '2px',
@@ -130,7 +129,6 @@ export const ArkiveringModal = ({ arkivModal, setArkivModal, etterlevelseDokumen
                 setArkivModal(false)
               }}
               kind="primary"
-              size="compact"
               $style={{
                 padding: '14px 16px',
               }}
diff --git a/apps/frontend/src/components/etterlevelseDokumentasjon/edit/EditEtterlevelseDokumentasjonModal.tsx b/apps/frontend/src/components/etterlevelseDokumentasjon/edit/EditEtterlevelseDokumentasjonModal.tsx
index c4ca987ee..4fdb09ba6 100644
--- a/apps/frontend/src/components/etterlevelseDokumentasjon/edit/EditEtterlevelseDokumentasjonModal.tsx
+++ b/apps/frontend/src/components/etterlevelseDokumentasjon/edit/EditEtterlevelseDokumentasjonModal.tsx
@@ -33,6 +33,7 @@ import { useSearchTeam } from '../../../api/TeamApi'
 import { RenderTagList } from '../../common/TagList'
 import { useNavigate } from 'react-router-dom'
 import { updateBehandlingNameWithNumber } from '../common/utils'
+import { DocPencilIcon, PlusIcon } from '@navikt/aksel-icons'
 
 type EditEtterlevelseDokumentasjonModalProps = {
   etterlevelseDokumentasjon?: EtterlevelseDokumentasjonQL
@@ -133,8 +134,7 @@ export const EditEtterlevelseDokumentasjonModal = (props: EditEtterlevelseDokume
     <Block>
       <Button
         onClick={() => setIsEtterlevelseDokumntasjonerModalOpen(true)}
-        startEnhancer={props.isEditButton ? <img src={editIcon} alt="edit icon" /> : <img src={plusIcon} alt="plus icon" />}
-        size="compact"
+        icon={props.isEditButton ? <DocPencilIcon /> : <PlusIcon />}
       >
         {props.isEditButton ? 'Rediger etterlevelsesdokumentet' : 'Nytt etterlevelsesdokument'}
       </Button>
diff --git a/apps/frontend/src/components/etterlevelseDokumentasjon/tabs/BehandlingSok.tsx b/apps/frontend/src/components/etterlevelseDokumentasjon/tabs/BehandlingSok.tsx
index a6369e9fc..faf7950f4 100644
--- a/apps/frontend/src/components/etterlevelseDokumentasjon/tabs/BehandlingSok.tsx
+++ b/apps/frontend/src/components/etterlevelseDokumentasjon/tabs/BehandlingSok.tsx
@@ -14,6 +14,7 @@ import CustomizedSelect from '../../common/CustomizedSelect'
 import { intl } from '../../../util/intl/intl'
 import { TYPE } from 'baseui/select'
 import { updateBehandlingNameWithNumber } from '../common/utils'
+import { PlusIcon } from '@navikt/aksel-icons'
 
 export const BehandlingSok = () => {
   const pageSize = 20
@@ -115,9 +116,8 @@ export const BehandlingSok = () => {
           <Block display="flex" alignItems="center">
             <Button
               onClick={lastMer}
-              icon={faPlus}
+              icon={<PlusIcon/>}
               kind={'secondary'}
-              size="compact"
               disabled={gqlLoading || etterlevelseDokumentasjoner.numberOfElements >= etterlevelseDokumentasjoner.totalElements}
             >
               Vis mer
diff --git a/apps/frontend/src/components/etterlevelseDokumentasjonTema/SecondaryHeader.tsx b/apps/frontend/src/components/etterlevelseDokumentasjonTema/SecondaryHeader.tsx
index e88d620e2..861786c0d 100644
--- a/apps/frontend/src/components/etterlevelseDokumentasjonTema/SecondaryHeader.tsx
+++ b/apps/frontend/src/components/etterlevelseDokumentasjonTema/SecondaryHeader.tsx
@@ -22,7 +22,6 @@ export const SecondaryHeader = ({ etterlevelseDokumentasjon, temaData, lovListe
       <div className="pt-4 pb-10">
         <Block display="flex" justifyContent="flex-end" width="100%">
           <Button
-            size="compact"
             $style={{
               fontSize: '18px',
               fontWeight: 600,
diff --git a/apps/frontend/src/components/krav/Edit/KravSuksesskriterieEdit.tsx b/apps/frontend/src/components/krav/Edit/KravSuksesskriterieEdit.tsx
index 4121ae667..178e81e04 100644
--- a/apps/frontend/src/components/krav/Edit/KravSuksesskriterieEdit.tsx
+++ b/apps/frontend/src/components/krav/Edit/KravSuksesskriterieEdit.tsx
@@ -21,6 +21,7 @@ import { Error } from '../../common/ModalSchema'
 import { borderColor } from '../../common/Style'
 import { ALIGN, Radio, RadioGroup } from 'baseui/radio'
 import { LabelSmall } from 'baseui/typography'
+import { PlusIcon, TrashIcon } from '@navikt/aksel-icons'
 
 type KravSuksesskriterieEditProps = {
   setIsFormDirty?: (v: boolean) => void
@@ -110,12 +111,10 @@ const KriterieList = ({ p, setIsFormDirty, newVersion }: { p: FieldArrayRenderPr
         <Block alignSelf={'flex-end'} marginTop={theme.sizing.scale600} marginBottom={theme.sizing.scale600}>
           <Button
             type="button"
-            icon={faPlus}
+            icon={<PlusIcon/>}
             marginLeft
-            label={'Suksesskriterie'}
             $style={buttonBorderStyle}
             kind="secondary"
-            size="compact"
             disabled={suksesskriterier.length >= 15}
             onClick={() => p.push({ id: nextId(suksesskriterier), navn: '', beskrivelse: '', behovForBegrunnelse: 'true' })}
           >
@@ -171,7 +170,7 @@ const Kriterie = ({
       <Block position={'relative'} paddingTop={theme.sizing.scale100}>
         <Block display={'flex'} alignItems={'flex-start'} position={'absolute'} right={0} top={0}>
           {(p.form.values.status !== KravStatus.AKTIV || newVersion) && (
-            <Button type={'button'} size={'compact'} kind={'tertiary'} $style={buttonBorderStyle} icon={faTrash} onClick={remove} tooltip={'Fjern suksesskriterie'} />
+            <Button type={'button'} kind={'tertiary'} $style={buttonBorderStyle} icon={<TrashIcon/>} onClick={remove} tooltip={'Fjern suksesskriterie'} />
           )}
           <Block width={theme.sizing.scale1000} />
           <Block {...dragHandleProps}>
diff --git a/apps/frontend/src/components/krav/Edit/KravVarslingsadresserEdit.tsx b/apps/frontend/src/components/krav/Edit/KravVarslingsadresserEdit.tsx
index 55961a042..500e95001 100644
--- a/apps/frontend/src/components/krav/Edit/KravVarslingsadresserEdit.tsx
+++ b/apps/frontend/src/components/krav/Edit/KravVarslingsadresserEdit.tsx
@@ -44,7 +44,7 @@ export const KravVarslingsadresserEdit = () => {
                   <Block marginBottom={theme.sizing.scale400}>
                     <Button
                       kind="secondary"
-                      size="compact"
+                      
                       type="button"
                       onClick={() => setAddSlackChannel(true)}
                       $style={{
@@ -60,7 +60,7 @@ export const KravVarslingsadresserEdit = () => {
                     </Button>
                     <Button
                       kind="secondary"
-                      size="compact"
+                      
                       marginLeft
                       type="button"
                       onClick={() => setAddSlackUser(true)}
@@ -77,7 +77,7 @@ export const KravVarslingsadresserEdit = () => {
                     </Button>
                     <Button
                       kind="secondary"
-                      size="compact"
+                      
                       marginLeft
                       type="button"
                       onClick={() => setAddEmail(true)}
@@ -121,7 +121,7 @@ const AddModal = ({ isOpen, close, title, children }: { isOpen: boolean; close:
     <ModalHeader>{title}</ModalHeader>
     <ModalBody>{children}</ModalBody>
     <ModalFooter>
-      <Button kind="secondary" size="compact" type="button" onClick={close}>
+      <Button kind="secondary"  type="button" onClick={close}>
         Avbryt
       </Button>
     </ModalFooter>
diff --git a/apps/frontend/src/components/krav/Edit/RegelverkEdit.tsx b/apps/frontend/src/components/krav/Edit/RegelverkEdit.tsx
index 851e51311..6342aeead 100644
--- a/apps/frontend/src/components/krav/Edit/RegelverkEdit.tsx
+++ b/apps/frontend/src/components/krav/Edit/RegelverkEdit.tsx
@@ -124,7 +124,7 @@ export const RegelverkEdit = ({ forVirkemiddel }: RegelverkEditProps) => {
                     </Block>
 
                     <Block minWidth="107px">
-                      <Button type="button" size="compact" onClick={add} marginLeft kind="secondary">
+                      <Button type="button"  onClick={add} marginLeft kind="secondary">
                         Legg til
                       </Button>
                     </Block>
diff --git a/apps/frontend/src/components/krav/EditKrav.tsx b/apps/frontend/src/components/krav/EditKrav.tsx
index 4f677b3b2..0c95b0386 100644
--- a/apps/frontend/src/components/krav/EditKrav.tsx
+++ b/apps/frontend/src/components/krav/EditKrav.tsx
@@ -469,7 +469,6 @@ export const EditKrav = ({ krav, close, formRef, isOpen, setIsOpen, newVersion,
                       {krav.status === KravStatus.AKTIV && !newVersion && (
                         <Block marginRight="9px">
                           <Button
-                            size="compact"
                             kind="secondary"
                             onClick={() => {
                               setUtgaattKravMessage(true)
@@ -485,7 +484,7 @@ export const EditKrav = ({ krav, close, formRef, isOpen, setIsOpen, newVersion,
                       {user.isAdmin() && krav.status === KravStatus.UTGAATT && !newVersion && (
                         <Block marginRight="9px">
                           <Button
-                            size="compact"
+                            
                             kind="secondary"
                             onClick={() => {
                               setAktivKravMessage(true)
@@ -501,7 +500,7 @@ export const EditKrav = ({ krav, close, formRef, isOpen, setIsOpen, newVersion,
                       {user.isAdmin() && !newVersion && (
                         <Block marginRight="9px">
                           <Button
-                            size="compact"
+                            
                             kind="secondary"
                             onClick={() => {
                               values.status = KravStatus.UTKAST
@@ -586,12 +585,12 @@ export const EditKrav = ({ krav, close, formRef, isOpen, setIsOpen, newVersion,
                       </BaseModal>
                     </Block>
                     <Block display="flex" justifyContent="flex-end" width="100%">
-                      <Button size="compact" kind={'secondary'} type={'button'} onClick={close} marginLeft>
+                      <Button  kind={'secondary'} type={'button'} onClick={close} marginLeft>
                         Avbryt
                       </Button>
 
                       <Button
-                        size="compact"
+                        
                         kind="primary"
                         onClick={() => {
                           if (newVersion) {
@@ -610,7 +609,7 @@ export const EditKrav = ({ krav, close, formRef, isOpen, setIsOpen, newVersion,
 
                       {(newVersion || krav.status === KravStatus.UTKAST) && (
                         <Button
-                          size="compact"
+                          
                           onClick={() => {
                             values.status = KravStatus.AKTIV
                             submitForm()
diff --git a/apps/frontend/src/components/krav/tilbakemelding/Tilbakemelding.tsx b/apps/frontend/src/components/krav/tilbakemelding/Tilbakemelding.tsx
index 9f2332f96..6cade00e5 100644
--- a/apps/frontend/src/components/krav/tilbakemelding/Tilbakemelding.tsx
+++ b/apps/frontend/src/components/krav/tilbakemelding/Tilbakemelding.tsx
@@ -208,7 +208,7 @@ export const Tilbakemeldinger = ({ krav, hasKravExpired }: { krav: Krav; hasKrav
 
           {tilbakemeldinger.length > DEFAULT_COUNT_SIZE && (
             <Block $style={{ alignSelf: 'flex-end' }} marginTop={theme.sizing.scale400}>
-              <Button kind="tertiary" size="small" icon={<PlusIcon/>} onClick={() => setCount(count + DEFAULT_COUNT_SIZE)} disabled={tilbakemeldinger.length <= count}>
+              <Button kind="tertiary" icon={<PlusIcon/>} onClick={() => setCount(count + DEFAULT_COUNT_SIZE)} disabled={tilbakemeldinger.length <= count}>
                 Last flere
               </Button>
             </Block>
@@ -234,7 +234,7 @@ export const Tilbakemeldinger = ({ krav, hasKravExpired }: { krav: Krav; hasKrav
             )}
 
             {user.canWrite() && (
-              <Button kind={'primary'} size="small" onClick={() => setAddTilbakemelding(true)}>
+              <Button kind={'primary'} onClick={() => setAddTilbakemelding(true)}>
                 Still et spørsmål
               </Button>
             )}
@@ -397,12 +397,11 @@ const TilbakemeldingSvar = ({ tilbakemelding, setFocusNummer, close, ubesvartOgK
               <ParagraphMedium $style={{ whiteSpace: 'pre-wrap', overflowWrap: 'break-word' }}>{tilbakemelding.meldinger[0].innhold}</ParagraphMedium>
             </ModalBody>
             <ModalFooter>
-              <Button kind={'secondary'} size={'small'} onClick={() => setDeleteModal(false)}>
+              <Button kind={'secondary'} onClick={() => setDeleteModal(false)}>
                 Avbryt
               </Button>
               <Button
                 kind={'primary'}
-                size={'small'}
                 marginLeft
                 onClick={() =>
                   tilbakemeldingslettMelding({ tilbakemeldingId: tilbakemelding.id, meldingNr: 1 }).then((t) => {
@@ -420,7 +419,7 @@ const TilbakemeldingSvar = ({ tilbakemelding, setFocusNummer, close, ubesvartOgK
       <Block display="flex" marginTop={'8px'} width={'100%'}>
         {user.isAdmin() && (
           <Block>
-            <Button size="small" icon={<TrashIcon/>} kind={'secondary'} onClick={() => setDeleteModal(true)}>
+            <Button icon={<TrashIcon/>} kind={'secondary'} onClick={() => setDeleteModal(true)}>
               Slett hele samtalen
             </Button>
           </Block>
@@ -454,7 +453,6 @@ const TilbakemeldingSvar = ({ tilbakemelding, setFocusNummer, close, ubesvartOgK
                 ) : (
                   <Button
                     kind="secondary"
-                    size={'small'}
                     marginLeft
                     onClick={() => {
                       setIsUpdatingStatus(true)
@@ -475,7 +473,7 @@ const TilbakemeldingSvar = ({ tilbakemelding, setFocusNummer, close, ubesvartOgK
                 )}
               </Block>
             )}
-            <Button kind="primary" size={'small'} marginLeft disabled={!response} onClick={submit}>
+            <Button kind="primary" marginLeft disabled={!response} onClick={submit}>
               {ubesvartOgKraveier ? 'Svar' : 'Send'}
               {user.isKraveier() ? ' og oppdater status' : ''}
             </Button>
diff --git a/apps/frontend/src/components/krav/tilbakemelding/edit/MeldingKnapper.tsx b/apps/frontend/src/components/krav/tilbakemelding/edit/MeldingKnapper.tsx
index 083ec1d02..00d69a3c7 100644
--- a/apps/frontend/src/components/krav/tilbakemelding/edit/MeldingKnapper.tsx
+++ b/apps/frontend/src/components/krav/tilbakemelding/edit/MeldingKnapper.tsx
@@ -1,4 +1,3 @@
-import { faPencilAlt, faTrashAlt } from '@fortawesome/free-solid-svg-icons'
 import { Block } from 'baseui/block'
 import Button from '../../../common/Button'
 import { Modal, ModalBody, ModalFooter, ModalHeader } from 'baseui/modal'
@@ -48,12 +47,11 @@ export const MeldingKnapper = (props: {
             <ParagraphMedium $style={{ whiteSpace: 'pre-wrap', overflowWrap: 'break-word' }}>{melding.innhold}</ParagraphMedium>
           </ModalBody>
           <ModalFooter>
-            <Button kind={'secondary'} size={'small'} onClick={() => setDeleteModal(false)}>
+            <Button kind={'secondary'} onClick={() => setDeleteModal(false)}>
               Avbryt
             </Button>
             <Button
               kind={'primary'}
-              size={'small'}
               marginLeft
               onClick={() =>
                 tilbakemeldingslettMelding({ tilbakemeldingId, meldingNr }).then((t) => {
diff --git a/apps/frontend/src/components/krav/tilbakemelding/edit/NyTilbakemeldingModal.tsx b/apps/frontend/src/components/krav/tilbakemelding/edit/NyTilbakemeldingModal.tsx
index c4b008de2..c3ac3ba36 100644
--- a/apps/frontend/src/components/krav/tilbakemelding/edit/NyTilbakemeldingModal.tsx
+++ b/apps/frontend/src/components/krav/tilbakemelding/edit/NyTilbakemeldingModal.tsx
@@ -177,21 +177,21 @@ export const NyTilbakemeldingModal = ({ open, close, krav }: NyTilbakemeldingMod
                             <Block display="flex" flexDirection="column" marginTop={theme.sizing.scale600}>
                               {adresseType === AdresseType.SLACK && <SlackChannelSearch add={setVarslingsadresse} />}
                               {adresseType !== AdresseType.SLACK && !values.varslingsadresse && (
-                                <Button kind="secondary" size="small" type="button" icon={<FontAwesomeIcon icon={faSlackHash} />} onClick={() => setAdresseType(AdresseType.SLACK)}>
+                                <Button kind="secondary"  type="button" icon={<FontAwesomeIcon icon={faSlackHash} />} onClick={() => setAdresseType(AdresseType.SLACK)}>
                                   Slack-kanal
                                 </Button>
                               )}
                               <Block marginTop={theme.sizing.scale400} />
                               {adresseType === AdresseType.SLACK_USER && <SlackUserSearch add={setVarslingsadresse} />}
                               {adresseType !== AdresseType.SLACK_USER && !values.varslingsadresse && (
-                                <Button kind="secondary" size="small" marginLeft type="button" icon={<PersonIcon/>} onClick={() => setAdresseType(AdresseType.SLACK_USER)}>
+                                <Button kind="secondary"  marginLeft type="button" icon={<PersonIcon/>} onClick={() => setAdresseType(AdresseType.SLACK_USER)}>
                                   Slack-bruker
                                 </Button>
                               )}
                               <Block marginTop={theme.sizing.scale400} />
                               {adresseType === AdresseType.EPOST && <AddEmail add={setVarslingsadresse} />}
                               {adresseType !== AdresseType.EPOST && !values.varslingsadresse && (
-                                <Button kind="secondary" size="small" marginLeft type="button" icon={<EnvelopeClosedIcon/>} onClick={() => setAdresseType(AdresseType.EPOST)}>
+                                <Button kind="secondary"  marginLeft type="button" icon={<EnvelopeClosedIcon/>} onClick={() => setAdresseType(AdresseType.EPOST)}>
                                   Epost
                                 </Button>
                               )}
@@ -227,7 +227,7 @@ export const NyTilbakemeldingModal = ({ open, close, krav }: NyTilbakemeldingMod
                         </Notification>
                       )}
                     </Block>
-                    <Button kind="secondary" size="small" type="button" onClick={close}>
+                    <Button kind="secondary"  type="button" onClick={close}>
                       {' '}
                       Avbryt{' '}
                     </Button>
diff --git a/apps/frontend/src/components/krav/tilbakemelding/edit/TilbakemeldingEdit.tsx b/apps/frontend/src/components/krav/tilbakemelding/edit/TilbakemeldingEdit.tsx
index d299b8efc..137c5341b 100644
--- a/apps/frontend/src/components/krav/tilbakemelding/edit/TilbakemeldingEdit.tsx
+++ b/apps/frontend/src/components/krav/tilbakemelding/edit/TilbakemeldingEdit.tsx
@@ -36,10 +36,10 @@ export const TilbakemeldingEdit = ({
     <Block alignItems="flex-end">
       <CustomizedTextarea rows={15} onChange={(e) => setResponse((e.target as HTMLTextAreaElement).value)} value={response} disabled={loading} />
       <Block marginTop={theme.sizing.scale400} display="flex" justifyContent={'flex-end'}>
-        <Button kind={'secondary'} size={'small'} onClick={() => setEditModal(false)}>
+        <Button kind={'secondary'} onClick={() => setEditModal(false)}>
           Avbryt
         </Button>
-        <Button marginLeft size="small" disabled={!response || loading} onClick={submit}>
+        <Button marginLeft disabled={!response || loading} onClick={submit}>
           Lagre
         </Button>
       </Block>
diff --git a/apps/frontend/src/components/kravList/AllKrav.tsx b/apps/frontend/src/components/kravList/AllKrav.tsx
index cef1b04e3..c74ec5e5f 100644
--- a/apps/frontend/src/components/kravList/AllKrav.tsx
+++ b/apps/frontend/src/components/kravList/AllKrav.tsx
@@ -290,7 +290,7 @@ export const AllKrav = () => {
       {!loading && kravene.totalElements !== 0 && (
         <Block display={'flex'} justifyContent={'space-between'} marginTop={theme.sizing.scale1000}>
           <Block display="flex" alignItems="center">
-            <Button onClick={lastMer} icon={<PlusIcon/>} kind={'secondary'} size="small" disabled={gqlLoading || kravene.numberOfElements >= kravene.totalElements}>
+            <Button onClick={lastMer} icon={<PlusIcon/>} kind={'secondary'}  disabled={gqlLoading || kravene.numberOfElements >= kravene.totalElements}>
               Vis mer
             </Button>
 
diff --git a/apps/frontend/src/components/kravList/TemaList.tsx b/apps/frontend/src/components/kravList/TemaList.tsx
index c22404e9e..2d2f83474 100644
--- a/apps/frontend/src/components/kravList/TemaList.tsx
+++ b/apps/frontend/src/components/kravList/TemaList.tsx
@@ -126,7 +126,7 @@ const KravTemaList = (props: { activeKraver: Krav[]; tema: string; refresh: Func
               paddingRight: '16px',
             }}
           >
-            <Button kind="secondary" size="small" onClick={() => setIsEditPriorityModalOpen(true)}>
+            <Button kind="secondary"  onClick={() => setIsEditPriorityModalOpen(true)}>
               Justere rekkefølgen på krav
             </Button>
           </Block>
diff --git a/apps/frontend/src/components/kravList/edit/EditPriorityModal.tsx b/apps/frontend/src/components/kravList/edit/EditPriorityModal.tsx
index 13eb3c8a9..2ee55a8dd 100644
--- a/apps/frontend/src/components/kravList/edit/EditPriorityModal.tsx
+++ b/apps/frontend/src/components/kravList/edit/EditPriorityModal.tsx
@@ -249,7 +249,7 @@ export const EditPriorityModal = (props: { isOpen: boolean; setIsOpen: React.Dis
               className="krav-list-button-container"
             >
               <Button
-                size="small"
+                
                 kind="secondary"
                 onClick={() => {
                   refresh()
@@ -259,7 +259,7 @@ export const EditPriorityModal = (props: { isOpen: boolean; setIsOpen: React.Dis
               >
                 Avbryt
               </Button>
-              <Button size="small" onClick={p.submitForm} disabled={loading} marginLeft>
+              <Button  onClick={p.submitForm} disabled={loading} marginLeft>
                 Lagre
               </Button>
             </Block>
diff --git a/apps/frontend/src/components/virkemiddelList/AllVirkemiddel.tsx b/apps/frontend/src/components/virkemiddelList/AllVirkemiddel.tsx
index 2980c07d1..aa7bd7216 100644
--- a/apps/frontend/src/components/virkemiddelList/AllVirkemiddel.tsx
+++ b/apps/frontend/src/components/virkemiddelList/AllVirkemiddel.tsx
@@ -133,7 +133,7 @@ export const AllVirkemiddel = ({ isCreateModalOpen, setIsCreateModalOpen }: AllV
                         component: (props: any) => (
                           <Button
                             notBold
-                            size="small"
+                            
                             kind="tertiary"
                             onClick={() => props.onClick()}
                             icon={<XMarkIcon title={'Tøm'}/> }
diff --git a/apps/frontend/src/components/virkemiddelList/VirkemiddelTable.tsx b/apps/frontend/src/components/virkemiddelList/VirkemiddelTable.tsx
index 59d68b1b4..d79ab8f9f 100644
--- a/apps/frontend/src/components/virkemiddelList/VirkemiddelTable.tsx
+++ b/apps/frontend/src/components/virkemiddelList/VirkemiddelTable.tsx
@@ -72,7 +72,6 @@ export const VirkemiddelTable = ({ virkemidler, loading, refetchData }: Virkmidd
                 <Block display="flex" justifyContent="flex-end" width="100%">
                   <Button
                     tooltip={'Rediger'}
-                    size={'small'}
                     kind={'tertiary'}
                     onClick={() => {
                       setSelectedVirkemiddel(virkemiddel)
@@ -82,7 +81,6 @@ export const VirkemiddelTable = ({ virkemidler, loading, refetchData }: Virkmidd
                   />
                   <Button
                     tooltip={'Slett'}
-                    size={"small"}
                     kind={"tertiary"}
                     onClick={() => {
                       setSelectedVirkemiddel(virkemiddel)
diff --git a/apps/frontend/src/pages/EtterlevelseListPage.tsx b/apps/frontend/src/pages/EtterlevelseListPage.tsx
index abd62e28a..6120a3b52 100644
--- a/apps/frontend/src/pages/EtterlevelseListPage.tsx
+++ b/apps/frontend/src/pages/EtterlevelseListPage.tsx
@@ -35,7 +35,7 @@ export const EtterlevelseListPage = () => {
             <Block>
               {user.canWrite() && (
                 <RouteLink href={'/etterlevelse/ny'}>
-                  <Button size="small">Ny etterlevelse</Button>
+                  <Button >Ny etterlevelse</Button>
                 </RouteLink>
               )}
             </Block>
@@ -56,10 +56,10 @@ export const EtterlevelseListPage = () => {
             <LabelSmall marginRight={theme.sizing.scale400}>
               Side {etterlevelse.pageNumber + 1}/{etterlevelse.pages}
             </LabelSmall>
-            <Button onClick={prev} size="small" disabled={etterlevelse.pageNumber === 0}>
+            <Button onClick={prev}  disabled={etterlevelse.pageNumber === 0}>
               Forrige
             </Button>
-            <Button onClick={next} size="small" disabled={etterlevelse.pageNumber >= etterlevelse.pages - 1}>
+            <Button onClick={next}  disabled={etterlevelse.pageNumber >= etterlevelse.pages - 1}>
               Neste
             </Button>
           </Block>
diff --git a/apps/frontend/src/pages/KravListPage.tsx b/apps/frontend/src/pages/KravListPage.tsx
index cfa8b7b04..54848f9b1 100644
--- a/apps/frontend/src/pages/KravListPage.tsx
+++ b/apps/frontend/src/pages/KravListPage.tsx
@@ -59,7 +59,7 @@ export const KravListPage = () => {
               <Block display="flex" justifyContent="flex-end">
                 {user.isKraveier() && (
                   <RouteLink hideUnderline href={'/krav/ny'}>
-                    <Button iconPosition={"left"} icon={<PlusIcon/>} size="small">
+                    <Button iconPosition="left" icon={<PlusIcon/>} >
                       Nytt krav
                     </Button>
                   </RouteLink>
diff --git a/apps/frontend/src/pages/VirkemiddelListPage.tsx b/apps/frontend/src/pages/VirkemiddelListPage.tsx
index 727c2bcba..80a78ac43 100644
--- a/apps/frontend/src/pages/VirkemiddelListPage.tsx
+++ b/apps/frontend/src/pages/VirkemiddelListPage.tsx
@@ -34,9 +34,9 @@ export const VirkemiddelListPage = () => {
                   <Block>
                     <Button
                       onClick={() => setIsCreateModalOpen(true)}
-                      iconPosition={"left"}
+                      iconPosition="left"
                       icon={<PlusIcon/>}
-                      size="small"
+                      
                     >
                       Nytt virkemiddel
                     </Button>