diff --git a/apps/storefront/app/(frontpage)/page.mdx b/apps/storefront/app/(frontpage)/page.mdx
index b6d16f8c5d..d483ceb389 100644
--- a/apps/storefront/app/(frontpage)/page.mdx
+++ b/apps/storefront/app/(frontpage)/page.mdx
@@ -108,7 +108,7 @@ export const metadata = {
   ]}
 />
 
-<style>
+<style href="frontpage" precedence='medium'>
   {`
 header:first-of-type {
   background-color: transparent;
diff --git a/apps/storefront/app/bloggen/(frontpage)/page.mdx b/apps/storefront/app/bloggen/(frontpage)/page.mdx
index 265c3bbf10..dd6d697342 100644
--- a/apps/storefront/app/bloggen/(frontpage)/page.mdx
+++ b/apps/storefront/app/bloggen/(frontpage)/page.mdx
@@ -96,7 +96,7 @@ export const metadata = {
   level={2}
 />
 
-<style>
+<style href="bloggen" precedence='medium'>
   {`
     body {
       background-color: var(--ds-color-neutral-background-subtle);
diff --git a/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.tsx b/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.tsx
index 71b1286081..c727e24ee2 100644
--- a/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.tsx
+++ b/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.tsx
@@ -83,7 +83,7 @@ function PostLayout({
           </MdxContent>
         </main>
       </Container>
-      <style suppressHydrationWarning>
+      <style suppressHydrationWarning href='post-layout' precedence='medium'>
         {`
           header {
             [data-color-scheme='dark'] &,
diff --git a/apps/storefront/app/komponenter/page.tsx b/apps/storefront/app/komponenter/page.tsx
index 8925c7c5a2..9d375000a3 100644
--- a/apps/storefront/app/komponenter/page.tsx
+++ b/apps/storefront/app/komponenter/page.tsx
@@ -22,7 +22,11 @@ export default function page() {
       {sortedData.map((component) => (
         <ComponentCard key={component.title} {...component} />
       ))}
-      <style suppressHydrationWarning>
+      <style
+        suppressHydrationWarning
+        href='components-page'
+        precedence='medium'
+      >
         {`
     body {
       background-color: var(--ds-color-neutral-background-subtle);
diff --git a/apps/storefront/app/monstre/page.mdx b/apps/storefront/app/monstre/page.mdx
index f61e349440..8e86b9290b 100644
--- a/apps/storefront/app/monstre/page.mdx
+++ b/apps/storefront/app/monstre/page.mdx
@@ -74,7 +74,7 @@ Alle som ønsker kan påvirke arbeidet gjennom åpne diskusjoner i [Slack](https
 
 
 
-<style>
+<style href="monstre-page" precedence='medium'>
   {`
     body {
       background-color: var(--ds-color-neutral-background-subtle);
diff --git a/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx b/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx
index a1b525136f..3c138cecf5 100644
--- a/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx
+++ b/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx
@@ -79,7 +79,11 @@ const MenuPageLayout = ({ content, data, banner }: PageLayoutProps) => {
           </div>
         </main>
       </Container>
-      <style suppressHydrationWarning>
+      <style
+        suppressHydrationWarning
+        href='menu-page-layout'
+        precedence='medium'
+      >
         {`
           header {
             [data-color-scheme='dark'] &,