Divider

navikt · Oct 18, 2024 · e24b050 · e24b050
1 parent 3a8b085
commit e24b050
Showing 1 changed file with 5 additions and 14 deletions.
diff --git a/src/app/(sok)/_components/searchResult/Divider.tsx b/src/app/(sok)/_components/searchResult/Divider.tsx
@@ -1,27 +1,18 @@
 import React, { ReactElement } from "react";
-import { BodyShort, Box, Heading } from "@navikt/ds-react";
+import { Box, Heading } from "@navikt/ds-react";
 import { useSearchParams } from "next/navigation";
 import { QueryNames } from "@/app/(sok)/_utils/QueryNames";
 
 export default function Divider(): ReactElement {
     const searchParams = useSearchParams();
 
     return (
-        <Box
-            background="surface-alt-1-subtle"
-            className="mt-16"
-            paddingBlock="4"
-            paddingInline="4"
-            borderRadius="small"
-        >
+        <Box background="surface-subtle" className="mt-8" paddingBlock="4" paddingInline="2" borderRadius="small">
             <Heading level="3" size="small" className="mb-05">
-                Søketreff som kan være relevante
-            </Heading>
-            <BodyShort>
-                Annonsene under ga delvis treff på &laquo;
+                Søketreff som delvis nevner &laquo;
                 {searchParams.getAll(QueryNames.SEARCH_STRING).join(", ")}
-                &raquo;
-            </BodyShort>
+                &raquo; i annonsen
+            </Heading>
         </Box>
     );
 }