From 866ecd0468cca1cc438da9ca47a2bb28b7fb2bf0 Mon Sep 17 00:00:00 2001
From: aidanCQ <aidan.keay@quantinuum.com>
Date: Fri, 4 Oct 2024 13:16:01 +0100
Subject: [PATCH] Use correct card component.

---
 src/custom/docs/components/helpcard/index.tsx | 15 ++++++++-------
 stories/custom/docs-helpcard.stories.tsx      |  8 ++++----
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/custom/docs/components/helpcard/index.tsx b/src/custom/docs/components/helpcard/index.tsx
index c337ec3..2b81fbe 100644
--- a/src/custom/docs/components/helpcard/index.tsx
+++ b/src/custom/docs/components/helpcard/index.tsx
@@ -1,7 +1,7 @@
-import { Card,  CardTitle  } from '../triplecard/Card'
+import { CardTitle  } from '../triplecard/Card'
 import { LucideIcon } from "lucide-react"
 import { CardHeader, CardDescription } from "src"
-
+import { Card } from 'src'
 
 export const HelpCard = (props: {
     columns: {
@@ -17,11 +17,12 @@ export const HelpCard = (props: {
     return (
         <a href={item.link} key={item.title}>
         <Card className="hover:bg-muted transition">
-        <CardHeader>
-            <item.icon className="w-6 h-6 mb-3 inline" aria-label={item.icon_description}></item.icon>
-            <CardTitle className="text-[1rem] font-semibold inline-block">{item.title}</CardTitle>
-            <CardDescription>{item.description}</CardDescription>
-        </CardHeader>
+          <CardHeader>
+              <item.icon className="w-6 h-6 mb-3 inline" aria-label={item.icon_description}></item.icon>
+              <CardTitle className="text-[1rem] font-semibold inline-block">{item.title}</CardTitle>
+              <CardDescription>{item.description}</CardDescription>
+          </CardHeader>
+        
         </Card>
         </a>
         );
diff --git a/stories/custom/docs-helpcard.stories.tsx b/stories/custom/docs-helpcard.stories.tsx
index f850ece..591d1cc 100644
--- a/stories/custom/docs-helpcard.stories.tsx
+++ b/stories/custom/docs-helpcard.stories.tsx
@@ -21,16 +21,16 @@ const helpSectionConfig = {
 };
 
 
-export function DocsHelpCardDemo() {
+function DocsHelpCardDemo() {
     return <DocsHelpCard {...helpSectionConfig} />
 }
 
-const meta: Meta<typeof DocsHelpCard> = {
-    component: DocsHelpCard,
+const meta: Meta<typeof DocsHelpCardDemo> = {
+    component: DocsHelpCardDemo,
 };
 
 export default meta;
 
-export const Default: StoryObj<typeof DocsHelpCard> = {
+export const Default: StoryObj<typeof DocsHelpCardDemo> = {
     args: {},
 };