diff --git a/src/sider/oversikt/filter/ClearFiltersButton.tsx b/src/sider/oversikt/filter/ClearFiltersButton.tsx
index 78dccedb..047750c6 100644
--- a/src/sider/oversikt/filter/ClearFiltersButton.tsx
+++ b/src/sider/oversikt/filter/ClearFiltersButton.tsx
@@ -1,52 +1,28 @@
 import React, { ReactElement } from 'react';
-import styled from 'styled-components';
-import themes from '@/styles/themes';
-import SlettIkon from '@/sider/oversikt/filter/SlettIkon';
 import { useFilters } from '@/context/filters/FilterContext';
 import { ActionType } from '@/context/filters/filterContextActions';
+import { Button } from '@navikt/ds-react';
+import { TrashIcon } from '@navikt/aksel-icons';
 
 const texts = {
   nullstill: 'Nullstill valg',
 };
 
-const ClearFiltersWrapper = styled.div`
-  display: inline-flex;
-  align-items: center;
-  box-sizing: border-box;
-  justify-content: flex-end;
-  color: ${themes.color.navBla};
-  font-size: 1em;
-  font-weight: 500;
-  padding: 0.5rem 0.25rem;
-  -webkit-user-select: none;
-  user-select: none;
-
-  :hover {
-    cursor: pointer;
-  }
-
-  :active {
-    border: 2px solid ${themes.color.navBla};
-  }
-
-  > svg {
-    margin-right: 0.25em;
-  }
-`;
-
 export const ClearFiltersButton = (): ReactElement => {
   const { dispatch: dispatchFilterAction } = useFilters();
 
   return (
-    <ClearFiltersWrapper
+    <Button
+      variant="tertiary"
+      size="small"
+      icon={<TrashIcon title="a11y-title" fontSize="1.5rem" />}
       onClick={() => {
         dispatchFilterAction({
           type: ActionType.ResetFilters,
         });
       }}
     >
-      <SlettIkon fargeKode={themes.color.navBla} />
       {texts.nullstill}
-    </ClearFiltersWrapper>
+    </Button>
   );
 };
diff --git a/src/sider/oversikt/filter/SlettIkon.tsx b/src/sider/oversikt/filter/SlettIkon.tsx
deleted file mode 100644
index 8088d953..00000000
--- a/src/sider/oversikt/filter/SlettIkon.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React, { ReactElement } from 'react';
-
-interface SlettIkonProps {
-  fargeKode: string;
-  className?: string;
-}
-
-const SlettIkon = ({ className, fargeKode }: SlettIkonProps): ReactElement => (
-  <svg className={className} width="20" height="20" viewBox="0 0 24 24">
-    <g
-      stroke={fargeKode}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeMiterlimit="10"
-      fill="none"
-    >
-      <path d="M3.516 3.5h16v20h-16zM7.516.5h8v3h-8zM1.016 3.5h22M7.516 7v12M11.516 7v12M15.516 7v12" />
-    </g>
-  </svg>
-);
-
-export default SlettIkon;