diff --git a/web/src/components/general/BgPig.tsx b/web/src/components/general/BgPig.tsx
index 47cc9ad..586a640 100644
--- a/web/src/components/general/BgPig.tsx
+++ b/web/src/components/general/BgPig.tsx
@@ -29,7 +29,7 @@ export const BgPig = ({
     | "key"
     | "chill"
     | "peek";
-  color: "neufPink" | "white" | "goldenBeige";
+  color?: "neufPink" | "white" | "goldenBeige";
 }) => {
   const { ref: observer, inView: IsInView } = useInView({ triggerOnce: false });
   return (