diff --git a/src/components/Card/CardPrimary/CardPrimary.stories.ts b/src/components/Card/CardPrimary/CardPrimary.stories.ts
index 0181b159..16bd7789 100644
--- a/src/components/Card/CardPrimary/CardPrimary.stories.ts
+++ b/src/components/Card/CardPrimary/CardPrimary.stories.ts
@@ -2,7 +2,7 @@ import { CardPrimary } from "./CardPrimary";
 
 export default {
   component: CardPrimary,
-  title: "Display/Cards/Primary Card",
+  title: "Cards/Primary Card",
   tags: ["cardPrimary","autodocs"],
 };
 
diff --git a/src/components/Card/CardPrimary/CardPrimary.tsx b/src/components/Card/CardPrimary/CardPrimary.tsx
index a94ddfcd..ce72112f 100644
--- a/src/components/Card/CardPrimary/CardPrimary.tsx
+++ b/src/components/Card/CardPrimary/CardPrimary.tsx
@@ -24,7 +24,7 @@ const Wrapper = styled.div<Pick<CardProps, "size" | "hasShadow" | "size" | "disa
   text-align: center;
   flex-direction: column;
   padding: ${({ size = "md", theme }) =>
-    `${theme.click.card.primary.space[size].x} ${theme.click.card.primary.space[size].y}`}
+    `${theme.click.card.primary.space[size].x} ${theme.click.card.primary.space[size].y}`};
   gap: ${({ size = "md", theme }) => theme.click.card.primary.space[size].gap};
   box-shadow: ${({ hasShadow, theme }) => hasShadow ? theme.shadow[1] : "none"};
 
diff --git a/src/components/Card/CardSecondary/CardSecondary.stories.ts b/src/components/Card/CardSecondary/CardSecondary.stories.ts
index f41971b6..86fd63e4 100644
--- a/src/components/Card/CardSecondary/CardSecondary.stories.ts
+++ b/src/components/Card/CardSecondary/CardSecondary.stories.ts
@@ -2,7 +2,7 @@ import { CardSecondary } from "./CardSecondary";
 
 export default {
   component: CardSecondary,
-  title: "Display/Cards/Secondary Card",
+  title: "Cards/Secondary Card",
   tags: ["cardSecondary","autodocs"],
   argTypes: {
     badgeState: {