From f30b52e283615d3fe90e35e9a3de65e00c30c1e0 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 6 May 2021 17:21:29 +0100
Subject: [PATCH] Fix links not working in some components

---
 packages/standard-components/src/CardHorizontal.svelte | 3 ++-
 packages/standard-components/src/StackedList.svelte    | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/standard-components/src/CardHorizontal.svelte b/packages/standard-components/src/CardHorizontal.svelte
index 1fae5a9d81..3ab1df6460 100644
--- a/packages/standard-components/src/CardHorizontal.svelte
+++ b/packages/standard-components/src/CardHorizontal.svelte
@@ -1,7 +1,7 @@
 <script>
   import { getContext } from "svelte"
 
-  const { styleable } = getContext("sdk")
+  const { styleable, linkable } = getContext("sdk")
   const component = getContext("component")
 
   export const className = ""
@@ -41,6 +41,7 @@
     <footer>
       <p class="subtext">{subtext}</p>
       <a
+        use:linkable
         style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
         href={linkUrl || "/"}>{linkText}</a
       >
diff --git a/packages/standard-components/src/StackedList.svelte b/packages/standard-components/src/StackedList.svelte
index 3cf70b2ec1..83dd1bca8e 100644
--- a/packages/standard-components/src/StackedList.svelte
+++ b/packages/standard-components/src/StackedList.svelte
@@ -1,7 +1,7 @@
 <script>
   import { getContext } from "svelte"
 
-  const { styleable } = getContext("sdk")
+  const { styleable, linkable } = getContext("sdk")
   const component = getContext("component")
 
   export let imageUrl = ""
@@ -13,7 +13,7 @@
 </script>
 
 <div class="container" use:styleable={$component.styles}>
-  <a href={destinationUrl}>
+  <a use:linkable href={destinationUrl}>
     <div class="stackedlist">
       {#if showImage}
         <div class="image-block">