diff --git a/src/components/Button.astro b/src/components/Button.astro
index 1b4a22e..a23563f 100644
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@@ -2,7 +2,7 @@
 interface Props {
   href: string;
   target?: '_blank' | '_self';
-  color?: string;
+  color?: string | undefined;
 }
 
 import colors from '../config/colors.json';
diff --git a/src/components/Card.astro b/src/components/Card.astro
index f2834d9..4cae966 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -1,6 +1,6 @@
 ---
 interface Props {
-  color?: string;
+  color?: string | undefined;
 }
 import colors from '../config/colors.json';
 
diff --git a/src/components/Pill.astro b/src/components/Pill.astro
index e370358..9d336af 100644
--- a/src/components/Pill.astro
+++ b/src/components/Pill.astro
@@ -1,6 +1,6 @@
 ---
 interface Props {
-  color?: string;
+  color?: string | undefined;
 }
 import colors from '../config/colors.json';