diff --git a/packages/footer/playwright/Footer.spec.ts-snapshots/Footer-visual-footer-with-content-should-have-screenshot-1-Mobile-Safari-linux.png b/packages/footer/playwright/Footer.spec.ts-snapshots/Footer-visual-footer-with-content-should-have-screenshot-1-Mobile-Safari-linux.png
index e701df4953bab24df7e9a45732c2c8fe3dda269f..f2c09badb1634105036cd4f2b7f8f8a43a0a4afb 100644
Binary files a/packages/footer/playwright/Footer.spec.ts-snapshots/Footer-visual-footer-with-content-should-have-screenshot-1-Mobile-Safari-linux.png and b/packages/footer/playwright/Footer.spec.ts-snapshots/Footer-visual-footer-with-content-should-have-screenshot-1-Mobile-Safari-linux.png differ
diff --git a/packages/footer/playwright/Footer.spec.ts-snapshots/Footer-visual-footer-with-content-should-have-screenshot-1-chromium-linux.png b/packages/footer/playwright/Footer.spec.ts-snapshots/Footer-visual-footer-with-content-should-have-screenshot-1-chromium-linux.png
index c87a90c7922bbbaa8035170e49f75903ec20b250..d99cf69327755d11ab4ecaeeab9fbd8297a8e4d9 100644
Binary files a/packages/footer/playwright/Footer.spec.ts-snapshots/Footer-visual-footer-with-content-should-have-screenshot-1-chromium-linux.png and b/packages/footer/playwright/Footer.spec.ts-snapshots/Footer-visual-footer-with-content-should-have-screenshot-1-chromium-linux.png differ
diff --git a/packages/footer/stories/Footer.stories.tsx b/packages/footer/stories/Footer.stories.tsx
index 09582f241be563790652504a7224433dc55605aa..462d7e9b1f23be12761c6838101869dae9ac1c61 100644
--- a/packages/footer/stories/Footer.stories.tsx
+++ b/packages/footer/stories/Footer.stories.tsx
@@ -1,3 +1,5 @@
+import { Button } from "@sikt/sds-button";
+import { Link } from "@sikt/sds-core";
 import { Meta, StoryObj } from "@storybook/react";
 import { Footer, FooterProps } from "../index";
 
@@ -24,24 +26,18 @@ export const WithContent: Story = {
         <h3>Header</h3>
         <ul>
           <li>
-            <a className="sds-typography-link" href="#link">
-              Link
-            </a>
+            <Link href="#link">Link</Link>
           </li>
           <li>
-            <a className="sds-typography-link" href="#link">
-              Link
-            </a>
+            <Link href="#link">Link</Link>
           </li>
           <li>
-            <a className="sds-typography-link" href="#link">
-              Link
-            </a>
+            <Link href="#link">Link</Link>
           </li>
         </ul>
       </div>,
       <div key={1}>
-        <button className="sds-button sds-button--subtle">Button</button>
+        <Button>Button</Button>
       </div>,
     ],
   },