diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index cf2ad10af..d62f08949 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -60,11 +60,13 @@
     border-top: 1px solid var(--Base-Text-Medium-contrast);
     padding-top: var(--Spacing-x2);
     flex-direction: row;
+    align-items: center;
   }
   .navigationContainer {
     border-bottom: 0;
     padding-bottom: 0;
     margin-bottom: 0;
     gap: var(--Spacing-x4);
+    align-items: center;
   }
 }
diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index cb3a4eb9b..5cb8bbf4b 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -56,7 +56,7 @@ export default async function FooterDetails() {
       </div>
       <div className={styles.bottomContainer}>
         <div className={styles.copyrightContainer}>
-          <Footnote textTransform="uppercase">
+          <Footnote type="label" textTransform="uppercase">
             © {currentYear}{" "}
             {intl.formatMessage({ id: "Copyright all rights reserved" })}
           </Footnote>
@@ -66,7 +66,12 @@ export default async function FooterDetails() {
             {footer?.tertiaryLinks.map(
               (link) =>
                 link.url && (
-                  <Footnote asChild textTransform="uppercase" key={link.title}>
+                  <Footnote
+                    asChild
+                    type="label"
+                    textTransform="uppercase"
+                    key={link.title}
+                  >
                     <Link
                       className={styles.link}
                       color="peach50"
diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
index e220af4a2..15b42dbc1 100644
--- a/components/Footer/Navigation/MainNav/index.tsx
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -12,7 +12,7 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
       <ul className={styles.mainNavigationList}>
         {mainLinks.map((link) => (
           <li key={link.title} className={styles.mainNavigationItem}>
-            <Subtitle type="two" asChild>
+            <Subtitle color="baseTextMediumContrast" type="two" asChild>
               <Link
                 color="burgundy"
                 href={link.url}
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 78d4f544c..6f9f9b0b3 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,6 +1,7 @@
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
+import Caption from "@/components/TempDesignSystem/Text/Caption"
 import { getLang } from "@/i18n/serverContext"
 
 import styles from "./secondarynav.module.css"
@@ -18,9 +19,13 @@ export default function FooterSecondaryNav({
     <div className={styles.secondaryNavigation}>
       {appDownloads && (
         <nav className={styles.secondaryNavigationGroup}>
-          <Body color="baseTextMediumContrast" textTransform="uppercase">
+          <Caption
+            color="textMediumContrast"
+            textTransform="uppercase"
+            type="label"
+          >
             {appDownloads.title}
-          </Body>
+          </Caption>
           <ul className={styles.secondaryNavigationList}>
             {appDownloads.links.map(
               (link) =>
@@ -50,9 +55,13 @@ export default function FooterSecondaryNav({
       )}
       {secondaryLinks.map((link) => (
         <nav className={styles.secondaryNavigationGroup} key={link.title}>
-          <Body color="baseTextMediumContrast" textTransform="uppercase">
+          <Caption
+            color="textMediumContrast"
+            textTransform="uppercase"
+            type="label"
+          >
             {link.title}
-          </Body>
+          </Caption>
           <ul className={styles.secondaryNavigationList}>
             {link?.links?.map((link) => (
               <li key={link.title} className={styles.secondaryNavigationItem}>
diff --git a/components/LanguageSwitcher/index.tsx b/components/LanguageSwitcher/index.tsx
index 7ed5b4d75..02537fc23 100644
--- a/components/LanguageSwitcher/index.tsx
+++ b/components/LanguageSwitcher/index.tsx
@@ -7,6 +7,7 @@ import { languages } from "@/constants/languages"
 import useDropdownStore from "@/stores/main-menu"
 
 import { ChevronDownIcon, GlobeIcon } from "@/components/Icons"
+import Caption from "@/components/TempDesignSystem/Text/Caption"
 import useClickOutside from "@/hooks/useClickOutside"
 import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import useLang from "@/hooks/useLang"
@@ -88,7 +89,9 @@ export default function LanguageSwitcher({
         onClick={handleClick}
       >
         <GlobeIcon width={20} height={20} color={color} />
-        <span>{languages[currentLanguage]}</span>
+        <Caption type="regular" color={color}>
+          {languages[currentLanguage]}
+        </Caption>
         <ChevronDownIcon
           className={`${styles.chevron} ${isLanguageSwitcherOpen ? styles.isExpanded : ""}`}
           width={20}
diff --git a/components/TempDesignSystem/Text/Subtitle/subtitle.module.css b/components/TempDesignSystem/Text/Subtitle/subtitle.module.css
index 72842605f..66eeec8c3 100644
--- a/components/TempDesignSystem/Text/Subtitle/subtitle.module.css
+++ b/components/TempDesignSystem/Text/Subtitle/subtitle.module.css
@@ -59,6 +59,10 @@
   color: var(--Scandic-Brand-Pale-Peach);
 }
 
+.baseTextMediumContrast {
+  color: var(--Base-Text-High-contrast);
+}
+
 .uiTextHighContrast {
   color: var(--UI-Text-High-contrast);
 }
diff --git a/components/TempDesignSystem/Text/Subtitle/variants.ts b/components/TempDesignSystem/Text/Subtitle/variants.ts
index 253907fd6..f0e88b3bc 100644
--- a/components/TempDesignSystem/Text/Subtitle/variants.ts
+++ b/components/TempDesignSystem/Text/Subtitle/variants.ts
@@ -9,6 +9,7 @@ const config = {
       burgundy: styles.burgundy,
       disabled: styles.disabled,
       pale: styles.pale,
+      baseTextMediumContrast: styles.baseTextMediumContrast,
       uiTextHighContrast: styles.uiTextHighContrast,
       uiTextMediumContrast: styles.uiTextMediumContrast,
       uiTextPlaceholder: styles.uiTextPlaceholder,
