diff --git a/aksel.nav.no/website/components/website-modules/examples/examples.module.css b/aksel.nav.no/website/components/website-modules/examples/examples.module.css
index 3d26a71eea..f427563c0a 100644
--- a/aksel.nav.no/website/components/website-modules/examples/examples.module.css
+++ b/aksel.nav.no/website/components/website-modules/examples/examples.module.css
@@ -1,25 +1,38 @@
-.examples a {
+.container {
+  padding-inline: 1rem;
+}
+
+.container a {
   text-underline-offset: initial;
   text-decoration-thickness: auto;
 }
 
-.container {
+.containerDefault {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 100vh;
-  padding-left: 1rem;
-  padding-right: 1rem;
 }
 
 .containerStatic {
   display: flex;
   justify-content: center;
   height: 100%;
-  padding: 1.5rem 1rem;
+  padding-block: 1.5rem;
 }
 
-.containerStatic > * {
+.exampleStatic {
   max-width: 30rem;
   width: 100%;
 }
+
+.containerFull {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: 100vh;
+}
+
+.containerStaticFull {
+  padding-block: 1.5rem;
+}
diff --git a/aksel.nav.no/website/components/website-modules/examples/withDsExample.tsx b/aksel.nav.no/website/components/website-modules/examples/withDsExample.tsx
index 85be9108f8..4fe7888485 100644
--- a/aksel.nav.no/website/components/website-modules/examples/withDsExample.tsx
+++ b/aksel.nav.no/website/components/website-modules/examples/withDsExample.tsx
@@ -11,16 +11,19 @@ import { HStack } from "@navikt/ds-react";
 import styles from "./examples.module.css";
 
 type withDsT = {
-  variant?: "full" | "inverted" | "static" | "subtle";
+  /**
+   * Full: No horizontal centering (i.e. full width).
+   * Static: No vertical centering and static (but responsive) width. Used for dynamic-height examples like ExpansionCard.
+   * Static-full: No centering in any direction.
+   */
+  variant?: "full" | "static" | "static-full";
+  background?: "inverted" | "subtle";
   showBreakpoints?: boolean;
 };
 
 export const withDsExample = (
   Component: ComponentType,
-  /**
-   * Static: Used for dynamic-height examples like ExpansionCard
-   */
-  { variant, showBreakpoints }: withDsT = {},
+  { variant, background, showBreakpoints }: withDsT = {},
 ) => {
   const DsHOC = (props: any) => {
     const [width, setWidth] = useState<number>();
@@ -64,7 +67,7 @@ export const withDsExample = (
           gap="05"
           className="absolute left-0 top-0 rounded-br-medium p-1"
           align="center"
-          style={{ background: getBg(variant) }}
+          style={{ background: getBg(background) }}
         >
           <Icon aria-hidden fontSize="1.5rem" /> {`${breakpoint}`}
         </HStack>
@@ -73,18 +76,18 @@ export const withDsExample = (
 
     return (
       <div
-        className={cl(styles.examples, {
+        className={cl(styles.container, {
+          [styles.containerDefault]: !variant,
           [styles.containerStatic]: variant === "static",
-          [styles.container]: variant !== "static",
+          [styles.containerFull]: variant === "full",
+          [styles.containerStaticFull]: variant === "static-full",
         })}
-        style={{ background: getBg(variant) }}
+        style={{ background: getBg(background) }}
       >
         {showBreakpoints && <BreakpointText />}
         <div
           id="ds-example"
-          className={cl({
-            "w-full": variant === "full",
-          })}
+          className={variant === "static" ? styles.exampleStatic : undefined}
         >
           <Component {...props} />
         </div>
@@ -99,8 +102,8 @@ export const withDsExample = (
   return DsHOC;
 };
 
-function getBg(variant: withDsT["variant"]): string {
-  switch (variant) {
+function getBg(background: withDsT["background"]): string {
+  switch (background) {
     case "inverted":
       return "var(--a-surface-inverted)";
     case "subtle":
diff --git a/aksel.nav.no/website/pages/eksempler/README.md b/aksel.nav.no/website/pages/eksempler/README.md
index f20871ed8b..c6c19d8401 100644
--- a/aksel.nav.no/website/pages/eksempler/README.md
+++ b/aksel.nav.no/website/pages/eksempler/README.md
@@ -14,7 +14,7 @@ Alle linjer som inneholder `examples/withDsExample` + alt under `// EXAMPLES DO
 
 Demo-komponent må ha navn `Example` for at CodeSandbox-knapp skal fungere riktig.
 
-`withDsExample` tar imot parametere, e.g. `{variant: 'static'}` for å sette bredde på komponent til "page width", eller `{variant: 'full'}` for full bredde.
+`withDsExample` tar imot parametere, se JSDOC for detaljer.
 
 ### Args
 
diff --git a/aksel.nav.no/website/pages/eksempler/chat/colors.tsx b/aksel.nav.no/website/pages/eksempler/chat/colors.tsx
index 13fbe0c9d5..fc6217a1a6 100644
--- a/aksel.nav.no/website/pages/eksempler/chat/colors.tsx
+++ b/aksel.nav.no/website/pages/eksempler/chat/colors.tsx
@@ -24,7 +24,7 @@ const Example = () => {
 };
 
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
-export default withDsExample(Example, { variant: "subtle" });
+export default withDsExample(Example, { background: "subtle" });
 
 /* Storybook story */
 export const Demo = {
diff --git a/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx b/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx
index 86fe80bc53..e86897ea1b 100644
--- a/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx
+++ b/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx
@@ -6,7 +6,7 @@ const Example = () => {
 };
 
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
-export default withDsExample(Example, { variant: "inverted" });
+export default withDsExample(Example, { background: "inverted" });
 
 export const args = {
   index: 2,
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-box/panel.tsx b/aksel.nav.no/website/pages/eksempler/primitive-box/panel.tsx
index ce37b982f4..e39d57fdb3 100644
--- a/aksel.nav.no/website/pages/eksempler/primitive-box/panel.tsx
+++ b/aksel.nav.no/website/pages/eksempler/primitive-box/panel.tsx
@@ -24,7 +24,7 @@ const Example = () => {
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
 export default withDsExample(Example, {
   showBreakpoints: true,
-  variant: "subtle",
+  background: "subtle",
 });
 
 /* Storybook story */
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-hide/layout-med-sidebar.tsx b/aksel.nav.no/website/pages/eksempler/primitive-hide/layout-med-sidebar.tsx
index 09a03e422b..76d1fb5572 100644
--- a/aksel.nav.no/website/pages/eksempler/primitive-hide/layout-med-sidebar.tsx
+++ b/aksel.nav.no/website/pages/eksempler/primitive-hide/layout-med-sidebar.tsx
@@ -130,7 +130,7 @@ const MobileSidebar = ({ className }: { className?: string }) => (
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
 export default withDsExample(Example, {
   showBreakpoints: true,
-  variant: "subtle",
+  background: "subtle",
 });
 
 /* Storybook story */
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-show/layout-med-sidebar.tsx b/aksel.nav.no/website/pages/eksempler/primitive-show/layout-med-sidebar.tsx
index 8df1911561..009b7b4d42 100644
--- a/aksel.nav.no/website/pages/eksempler/primitive-show/layout-med-sidebar.tsx
+++ b/aksel.nav.no/website/pages/eksempler/primitive-show/layout-med-sidebar.tsx
@@ -130,7 +130,7 @@ const MobileSidebar = ({ className }: { className?: string }) => (
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
 export default withDsExample(Example, {
   showBreakpoints: true,
-  variant: "subtle",
+  background: "subtle",
 });
 
 /* Storybook story */
diff --git a/aksel.nav.no/website/pages/eksempler/search/darkmode.tsx b/aksel.nav.no/website/pages/eksempler/search/darkmode.tsx
index 92b91c307c..fe2e982f5f 100644
--- a/aksel.nav.no/website/pages/eksempler/search/darkmode.tsx
+++ b/aksel.nav.no/website/pages/eksempler/search/darkmode.tsx
@@ -10,7 +10,7 @@ const Example = () => {
 };
 
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
-export default withDsExample(Example, { variant: "inverted" });
+export default withDsExample(Example, { background: "inverted" });
 
 export const args = {
   index: 7,
diff --git a/aksel.nav.no/website/pages/templates/skjemavalidering/demo.tsx b/aksel.nav.no/website/pages/templates/skjemavalidering/demo.tsx
index 6108049a24..59c04b9819 100644
--- a/aksel.nav.no/website/pages/templates/skjemavalidering/demo.tsx
+++ b/aksel.nav.no/website/pages/templates/skjemavalidering/demo.tsx
@@ -11,6 +11,7 @@ import {
   TextField,
   VStack,
 } from "@navikt/ds-react";
+import { withDsExample } from "@/web/examples/withDsExample";
 
 const validatePersonnummer = (p: string) => {
   // Det er anbefalt å bruke https://github.com/navikt/fnrvalidator for å validere personnummer.
@@ -63,106 +64,103 @@ const Example = () => {
 
   if (formState.submitted)
     return (
-      <Page>
-        <Page.Block as="main" width="lg" gutters>
-          <VStack gap="8" align="center">
-            <Heading size="large">Demo slutt</Heading>
-            <Button
-              onClick={() => {
-                location.hash = "";
-                location.reload();
-              }}
-            >
-              Nullstill
-            </Button>
-          </VStack>
-        </Page.Block>
-      </Page>
+      <Page.Block width="lg" gutters>
+        <VStack gap="8" align="center">
+          <Heading size="large">Demo slutt</Heading>
+          <Button
+            onClick={() => {
+              location.hash = "";
+              location.reload();
+            }}
+          >
+            Nullstill
+          </Button>
+        </VStack>
+      </Page.Block>
     );
 
   return (
-    <Page>
-      <Page.Block as="main" width="lg" gutters>
-        <form onSubmit={onSubmit}>
-          <VStack gap="8">
-            <TextField
-              id="personnummer"
-              label="Personnummer"
-              value={values.personnummer}
-              onChange={(e) =>
-                setValues({ ...values, personnummer: e.currentTarget.value })
-              }
-              onBlur={() => {
-                formState.tries &&
-                  setErrors({
-                    ...errors,
-                    personnummer: validatePersonnummer(values.personnummer),
-                  });
-              }}
-              error={errors.personnummer}
-            />
-            <RadioGroup
-              id="transportmiddel"
-              tabIndex={-1}
-              legend="Transportmiddel"
-              value={values.transportmiddel}
-              onChange={(newValue) => {
-                setValues({ ...values, transportmiddel: newValue });
-                setErrors({ ...errors, transportmiddel: "" });
-              }}
-              error={errors.transportmiddel}
-            >
-              <Radio value="car">Bil</Radio>
-              <Radio value="walking">Gange</Radio>
-              <Radio value="public">Kollektivtransport</Radio>
-            </RadioGroup>
+    <Page.Block width="lg" gutters>
+      <form onSubmit={onSubmit}>
+        <VStack gap="8">
+          <TextField
+            id="personnummer"
+            label="Personnummer"
+            htmlSize={11}
+            value={values.personnummer}
+            onChange={(e) =>
+              setValues({ ...values, personnummer: e.currentTarget.value })
+            }
+            onBlur={() => {
+              formState.tries &&
+                setErrors({
+                  ...errors,
+                  personnummer: validatePersonnummer(values.personnummer),
+                });
+            }}
+            error={errors.personnummer}
+          />
+          <RadioGroup
+            id="transportmiddel"
+            tabIndex={-1}
+            legend="Transportmiddel"
+            value={values.transportmiddel}
+            onChange={(newValue) => {
+              setValues({ ...values, transportmiddel: newValue });
+              setErrors({ ...errors, transportmiddel: "" });
+            }}
+            error={errors.transportmiddel}
+          >
+            <Radio value="car">Bil</Radio>
+            <Radio value="walking">Gange</Radio>
+            <Radio value="public">Kollektivtransport</Radio>
+          </RadioGroup>
 
-            {Object.values(errors).some(Boolean) && (
-              <ErrorSummary
-                ref={errorSummaryRef}
-                heading="Du må rette disse feilene før du kan fortsette:"
-              >
-                {Object.entries(errors)
-                  .filter(([, error]) => error)
-                  .map(([key, error]) => (
-                    <ErrorSummary.Item href={`#${key}`} key={key}>
-                      {error}
-                    </ErrorSummary.Item>
-                  ))}
-              </ErrorSummary>
-            )}
+          {Object.values(errors).some(Boolean) && (
+            <ErrorSummary
+              ref={errorSummaryRef}
+              heading="Du må rette disse feilene før du kan fortsette:"
+            >
+              {Object.entries(errors)
+                .filter(([, error]) => error)
+                .map(([key, error]) => (
+                  <ErrorSummary.Item href={`#${key}`} key={key}>
+                    {error}
+                  </ErrorSummary.Item>
+                ))}
+            </ErrorSummary>
+          )}
 
-            <HGrid
-              gap={{ xs: "4", sm: "8 4" }}
-              columns={{ xs: 1, sm: 2 }}
-              width={{ sm: "fit-content" }}
+          <HGrid
+            gap={{ xs: "4", sm: "8 4" }}
+            columns={{ xs: 1, sm: 2 }}
+            width={{ sm: "fit-content" }}
+          >
+            <Button
+              type="button"
+              variant="secondary"
+              icon={<ArrowLeftIcon aria-hidden />}
+              iconPosition="left"
             >
-              <Button
-                type="button"
-                variant="secondary"
-                icon={<ArrowLeftIcon aria-hidden />}
-                iconPosition="left"
-              >
-                Forrige steg
-              </Button>
-              <Button
-                type="submit"
-                variant="primary"
-                icon={<ArrowRightIcon aria-hidden />}
-                iconPosition="right"
-              >
-                Neste steg
-              </Button>
-            </HGrid>
-          </VStack>
-        </form>
-      </Page.Block>
-    </Page>
+              Forrige steg
+            </Button>
+            <Button
+              type="submit"
+              variant="primary"
+              icon={<ArrowRightIcon aria-hidden />}
+              iconPosition="right"
+            >
+              Neste steg
+            </Button>
+          </HGrid>
+        </VStack>
+      </form>
+    </Page.Block>
   );
 };
 
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
-export default Example;
+export default withDsExample(Example, { variant: "static-full" });
 
 /* Storybook story */
 export const Demo = {
diff --git a/aksel.nav.no/website/pages/templates/skjemavalidering/react-hook-form.tsx b/aksel.nav.no/website/pages/templates/skjemavalidering/react-hook-form.tsx
index 3e7f744eca..b95c045311 100644
--- a/aksel.nav.no/website/pages/templates/skjemavalidering/react-hook-form.tsx
+++ b/aksel.nav.no/website/pages/templates/skjemavalidering/react-hook-form.tsx
@@ -12,6 +12,7 @@ import {
   TextField,
   VStack,
 } from "@navikt/ds-react";
+import { withDsExample } from "@/web/examples/withDsExample";
 
 type Inputs = {
   personnummer: string;
@@ -37,111 +38,108 @@ const Example = () => {
 
   if (isSubmitSuccessful)
     return (
-      <Page>
-        <Page.Block as="main" width="lg" gutters>
-          <VStack gap="8" align="center">
-            <Heading size="large">Demo slutt</Heading>
-            <Button
-              onClick={() => {
-                location.hash = "";
-                location.reload();
-              }}
-            >
-              Nullstill
-            </Button>
-          </VStack>
-        </Page.Block>
-      </Page>
+      <Page.Block width="lg" gutters>
+        <VStack gap="8" align="center">
+          <Heading size="large">Demo slutt</Heading>
+          <Button
+            onClick={() => {
+              location.hash = "";
+              location.reload();
+            }}
+          >
+            Nullstill
+          </Button>
+        </VStack>
+      </Page.Block>
     );
 
   return (
-    <Page>
-      <Page.Block as="main" width="lg" gutters>
-        <form
-          onSubmit={(event) => {
-            handleSubmit(onValidSubmit)(event).then(() => {
-              errorSummaryRef.current?.focus();
-            });
-          }}
-        >
-          <VStack gap="8">
-            <TextField
-              id="personnummer"
-              label="Personnummer"
-              error={errors.personnummer?.message}
-              {...register("personnummer", {
-                required: "Du må fylle ut personnummer.",
-                pattern: {
-                  value: /^\d{11}$/,
-                  message: "Personnummer må være 11 siffer.",
-                }, // Det er anbefalt å bruke https://github.com/navikt/fnrvalidator for å validere personnummer.
-              })}
-            />
-            <RadioGroup
-              id="transportmiddel"
-              tabIndex={-1}
-              legend="Transportmiddel"
-              error={errors.transportmiddel?.message}
-              onChange={() => trigger("transportmiddel")}
-              name="transportmiddel"
+    <Page.Block width="lg" gutters>
+      <form
+        onSubmit={(event) => {
+          handleSubmit(onValidSubmit)(event).then(() => {
+            errorSummaryRef.current?.focus();
+          });
+        }}
+      >
+        <VStack gap="8">
+          <TextField
+            id="personnummer"
+            label="Personnummer"
+            htmlSize={11}
+            error={errors.personnummer?.message}
+            {...register("personnummer", {
+              required: "Du må fylle ut personnummer.",
+              pattern: {
+                value: /^\d{11}$/,
+                message: "Personnummer må være 11 siffer.",
+              }, // Det er anbefalt å bruke https://github.com/navikt/fnrvalidator for å validere personnummer.
+            })}
+          />
+          <RadioGroup
+            id="transportmiddel"
+            tabIndex={-1}
+            legend="Transportmiddel"
+            error={errors.transportmiddel?.message}
+            onChange={() => trigger("transportmiddel")}
+            name="transportmiddel"
+          >
+            {["Bil", "Gange", "Kollektivtransport"].map((value) => (
+              <Radio
+                key={value}
+                value={value}
+                {...register("transportmiddel", {
+                  required: "Du må velge et transportmiddel.",
+                })}
+              >
+                {value}
+              </Radio>
+            ))}
+          </RadioGroup>
+
+          {Object.values(errors).length > 0 && (
+            <ErrorSummary
+              ref={errorSummaryRef}
+              heading="Du må rette disse feilene før du kan fortsette:"
             >
-              {["Bil", "Gange", "Kollektivtransport"].map((value) => (
-                <Radio
-                  key={value}
-                  value={value}
-                  {...register("transportmiddel", {
-                    required: "Du må velge et transportmiddel.",
-                  })}
-                >
-                  {value}
-                </Radio>
+              {Object.entries(errors).map(([key, error]) => (
+                <ErrorSummary.Item key={key} href={`#${key}`}>
+                  {error.message}
+                </ErrorSummary.Item>
               ))}
-            </RadioGroup>
-
-            {Object.values(errors).length > 0 && (
-              <ErrorSummary
-                ref={errorSummaryRef}
-                heading="Du må rette disse feilene før du kan fortsette:"
-              >
-                {Object.entries(errors).map(([key, error]) => (
-                  <ErrorSummary.Item key={key} href={`#${key}`}>
-                    {error.message}
-                  </ErrorSummary.Item>
-                ))}
-              </ErrorSummary>
-            )}
+            </ErrorSummary>
+          )}
 
-            <HGrid
-              gap={{ xs: "4", sm: "8 4" }}
-              columns={{ xs: 1, sm: 2 }}
-              width={{ sm: "fit-content" }}
+          <HGrid
+            gap={{ xs: "4", sm: "8 4" }}
+            columns={{ xs: 1, sm: 2 }}
+            width={{ sm: "fit-content" }}
+          >
+            <Button
+              type="button"
+              variant="secondary"
+              icon={<ArrowLeftIcon aria-hidden />}
+              iconPosition="left"
             >
-              <Button
-                type="button"
-                variant="secondary"
-                icon={<ArrowLeftIcon aria-hidden />}
-                iconPosition="left"
-              >
-                Forrige steg
-              </Button>
-              <Button
-                type="submit"
-                variant="primary"
-                icon={<ArrowRightIcon aria-hidden />}
-                iconPosition="right"
-              >
-                Neste steg
-              </Button>
-            </HGrid>
-          </VStack>
-        </form>
-      </Page.Block>
-    </Page>
+              Forrige steg
+            </Button>
+            <Button
+              type="submit"
+              variant="primary"
+              icon={<ArrowRightIcon aria-hidden />}
+              iconPosition="right"
+            >
+              Neste steg
+            </Button>
+          </HGrid>
+        </VStack>
+      </form>
+    </Page.Block>
   );
 };
 
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
-export default Example;
+export default withDsExample(Example, { variant: "static-full" });
 
 /* Storybook story */
 export const Demo = {
diff --git a/yarn.lock b/yarn.lock
index 2a82ac02c5..dc41f423c0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3532,7 +3532,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@navikt/aksel-icons@npm:^6.16.2, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
+"@navikt/aksel-icons@npm:^6.16.3, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
   version: 0.0.0-use.local
   resolution: "@navikt/aksel-icons@workspace:@navikt/aksel-icons"
   dependencies:
@@ -3561,8 +3561,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@navikt/aksel-stylelint@workspace:@navikt/aksel-stylelint"
   dependencies:
-    "@navikt/ds-css": "npm:^6.16.2"
-    "@navikt/ds-tokens": "npm:^6.16.2"
+    "@navikt/ds-css": "npm:^6.16.3"
+    "@navikt/ds-tokens": "npm:^6.16.3"
     concurrently: "npm:7.2.1"
     postcss-selector-parser: "npm:^6.0.13"
     postcss-value-parser: "npm:^4.2.0"
@@ -3577,7 +3577,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@navikt/aksel@workspace:@navikt/aksel"
   dependencies:
-    "@navikt/ds-css": "npm:6.16.2"
+    "@navikt/ds-css": "npm:6.16.3"
     axios: "npm:1.7.4"
     chalk: "npm:4.1.0"
     clipboardy: "npm:^2.3.0"
@@ -3598,11 +3598,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-css@npm:*, @navikt/ds-css@npm:6.16.2, @navikt/ds-css@npm:^6.16.2, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@npm:*, @navikt/ds-css@npm:6.16.3, @navikt/ds-css@npm:^6.16.3, @navikt/ds-css@workspace:@navikt/core/css":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-css@workspace:@navikt/core/css"
   dependencies:
-    "@navikt/ds-tokens": "npm:^6.16.2"
+    "@navikt/ds-tokens": "npm:^6.16.3"
     cssnano: "npm:6.0.0"
     fast-glob: "npm:3.2.11"
     lodash: "npm:4.17.21"
@@ -3615,14 +3615,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react@npm:*, @navikt/ds-react@npm:^6.16.2, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@npm:*, @navikt/ds-react@npm:^6.16.3, @navikt/ds-react@workspace:@navikt/core/react":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-react@workspace:@navikt/core/react"
   dependencies:
     "@floating-ui/react": "npm:0.25.4"
     "@floating-ui/react-dom": "npm:^2.0.9"
-    "@navikt/aksel-icons": "npm:^6.16.2"
-    "@navikt/ds-tokens": "npm:^6.16.2"
+    "@navikt/aksel-icons": "npm:^6.16.3"
+    "@navikt/ds-tokens": "npm:^6.16.3"
     "@testing-library/dom": "npm:9.3.4"
     "@testing-library/jest-dom": "npm:^5.16.0"
     "@testing-library/react": "npm:^15.0.7"
@@ -3652,11 +3652,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tailwind@npm:^6.16.2, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@npm:^6.16.3, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tailwind@workspace:@navikt/core/tailwind"
   dependencies:
-    "@navikt/ds-tokens": "npm:^6.16.2"
+    "@navikt/ds-tokens": "npm:^6.16.3"
     color: "npm:4.2.3"
     lodash: "npm:^4.17.21"
     tailwindcss: "npm:^3.3.3"
@@ -3666,7 +3666,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tokens@npm:^6.16.2, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@npm:^6.16.3, @navikt/ds-tokens@workspace:@navikt/core/tokens":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
   dependencies:
@@ -7831,11 +7831,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "aksel.nav.no@workspace:aksel.nav.no"
   dependencies:
-    "@navikt/aksel-icons": "npm:^6.16.2"
-    "@navikt/ds-css": "npm:^6.16.2"
-    "@navikt/ds-react": "npm:^6.16.2"
-    "@navikt/ds-tailwind": "npm:^6.16.2"
-    "@navikt/ds-tokens": "npm:^6.16.2"
+    "@navikt/aksel-icons": "npm:^6.16.3"
+    "@navikt/ds-css": "npm:^6.16.3"
+    "@navikt/ds-react": "npm:^6.16.3"
+    "@navikt/ds-tailwind": "npm:^6.16.3"
+    "@navikt/ds-tokens": "npm:^6.16.3"
   languageName: unknown
   linkType: soft