From 8625ae0edcd99873df01e3c0e6a797c7c4e4189a Mon Sep 17 00:00:00 2001
From: shannonwells <shannonwells@users.noreply.github.com>
Date: Thu, 24 Oct 2024 17:57:58 -0700
Subject: [PATCH] tidy up

---
 src/lib/features/Card.stories.svelte | 2 +-
 src/lib/features/Card.svelte         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/features/Card.stories.svelte b/src/lib/features/Card.stories.svelte
index 2ec04c3..814f270 100644
--- a/src/lib/features/Card.stories.svelte
+++ b/src/lib/features/Card.stories.svelte
@@ -23,7 +23,7 @@
   />
   <Card
     title="Some other color card"
-    headerColor="cream"
+    titleColor="cream"
     bgColor="teal"
     color="white"
     />
diff --git a/src/lib/features/Card.svelte b/src/lib/features/Card.svelte
index 8727bbf..8d18c01 100644
--- a/src/lib/features/Card.svelte
+++ b/src/lib/features/Card.svelte
@@ -5,13 +5,13 @@
   export let content = 'This is default content';
   export let bgColor = 'cream';
   export let color = 'black'
-  export let headerColor = 'navy'
+  export let titleColor = 'navy'
   export let icon = UserFilled;
 </script>
 
 <div class="p-6 card-shadow rounded-xl bg-{bgColor} {$$restProps.class}">
   <div class="pb-6 flex justify-between">
-    <h5 class="font-bold text-{headerColor} inline">{title}</h5>
+    <h5 class="font-bold text-{titleColor} inline">{title}</h5>
     <svelte:component this={icon} class="w-f48 h-f48"/>
   </div>
   <div class="text-{color}">