diff --git a/.github/workflows/check-formatting.yml b/.github/workflows/check-formatting.yml
index d4c8c816..09814185 100644
--- a/.github/workflows/check-formatting.yml
+++ b/.github/workflows/check-formatting.yml
@@ -19,7 +19,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
           version: 8
       - name: Setup Node.js environment
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index cab3377c..30740e9f 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -20,7 +20,7 @@ jobs:
 
     steps:
       - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
           version: 8
       - name: Setup Node.js environment
diff --git a/packages/berlin/src/components/option-card/OptionCard.tsx b/packages/berlin/src/components/option-card/OptionCard.tsx
index 1072de63..53d10b7f 100644
--- a/packages/berlin/src/components/option-card/OptionCard.tsx
+++ b/packages/berlin/src/components/option-card/OptionCard.tsx
@@ -21,6 +21,8 @@ import { useNavigate, useParams } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
 import { useMemo, useState } from 'react';
 import IconButton from '../icon-button';
+import Markdown from 'react-markdown';
+import Link from '../link';
 
 type OptionCardProps = {
   option: GetCycleResponse['forumQuestions'][number]['questionOptions'][number];
@@ -161,7 +163,16 @@ function OptionCard({
               <Bold>Funding request:</Bold> {option.fundingRequest}
             </Body>
           )}
-          {option.optionSubTitle && <Body>{option.optionSubTitle}</Body>}
+          {option.optionSubTitle && (
+            <Markdown
+              components={{
+                a: ({ node, ...props }) => <Link to={props.href ?? ''}>{props.children}</Link>,
+                p: ({ node, ...props }) => <Body>{props.children}</Body>,
+              }}
+            >
+              {option.optionSubTitle}
+            </Markdown>
+          )}
           <IconButton
             $padding={0}
             $color="secondary"
diff --git a/packages/berlin/src/components/tables/results-table/ResultsTable.tsx b/packages/berlin/src/components/tables/results-table/ResultsTable.tsx
index 6e4487fc..b4eb4012 100644
--- a/packages/berlin/src/components/tables/results-table/ResultsTable.tsx
+++ b/packages/berlin/src/components/tables/results-table/ResultsTable.tsx
@@ -18,6 +18,8 @@ import { Bold } from '../../typography/Bold.styled';
 // Styled Components
 import { useNavigate } from 'react-router-dom';
 import { Card, Funding, Icon, Plurality, TitleContainer } from './ResultsTable.styled';
+import Markdown from 'react-markdown';
+import Link from '../../link';
 
 type ResultsTableProps = {
   $expanded: boolean;
@@ -159,7 +161,16 @@ function ResultsTable({ $expanded, option, onClick, cycleId, eventId }: ResultsT
         />
       </Funding>
       <FlexColumn className="description">
-        <Body>{option.optionSubTitle}</Body>
+        {option.optionSubTitle && (
+          <Markdown
+            components={{
+              a: ({ node, ...props }) => <Link to={props.href ?? ''}>{props.children}</Link>,
+              p: ({ node, ...props }) => <Body>{props.children}</Body>,
+            }}
+          >
+            {option.optionSubTitle}
+          </Markdown>
+        )}
         <Body>
           <Bold>Research Output:</Bold> {researchOutputValue}
         </Body>
