From d922bf3b14b20d23052ef262815dc3af82d2a20d Mon Sep 17 00:00:00 2001
From: Aiden-Brine <aidenbrine@gmail.com>
Date: Tue, 8 Oct 2024 15:23:16 -0700
Subject: [PATCH] Add arrow for clickable cards

---
 docs/components/Card/Web.stories.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/components/Card/Web.stories.tsx b/docs/components/Card/Web.stories.tsx
index 6e1ef6ea8e..2a2156762e 100644
--- a/docs/components/Card/Web.stories.tsx
+++ b/docs/components/Card/Web.stories.tsx
@@ -7,6 +7,8 @@ import { Heading } from "@jobber/components/Heading";
 import { InputGroup } from "@jobber/components/InputGroup";
 import { InputText } from "@jobber/components/InputText";
 import { Button } from "@jobber/components/Button";
+import { Icon } from "@jobber/components/Icon";
+import { Flex } from "@jobber/components/Flex";
 
 export default {
   title: "Components/Layouts and Structure/Card/Web",
@@ -53,7 +55,10 @@ const BasicTemplate: ComponentStory<typeof Card> = args => (
 const ClickTemplate: ComponentStory<typeof Card> = args => (
   <Card {...args}>
     <Content>
-      <Heading level={4}>View all</Heading>
+      <Flex template={["grow", "shrink"]} align="start">
+        <Heading level={4}>View all</Heading>
+        <Icon size="small" name="arrowRight" />
+      </Flex>
       <Text>
         See how our 20+ features can help you organize, impress, and grow.
       </Text>