diff --git a/web/src/components/general/BgPig.tsx b/web/src/components/general/BgPig.tsx
index a9ca318..85a0c4c 100644
--- a/web/src/components/general/BgPig.tsx
+++ b/web/src/components/general/BgPig.tsx
@@ -36,7 +36,7 @@ export const BgPig = ({
     <div className={styles.bgPigWrapper}>
       <div
         className={`${styles.pig} ${styles.bgPig}`}
-        style={{ "--color-pig": color }}
+        style={{ "--color-pig": color } as React.CSSProperties}
         data-inview={IsInView}
       >
         {type === "logo" && <LogoPig />}