diff --git a/Parts/Badge.tsx b/Parts/Badge.tsx
index 7f7df13..80ac0b2 100644
--- a/Parts/Badge.tsx
+++ b/Parts/Badge.tsx
@@ -1,9 +1,9 @@
 import { useTranslation } from "react-i18next";
-import tw from "twin.macro";
+import tw, { TwStyle } from "twin.macro";
 import "styled-components/macro";
 import { ComponentProps, forwardRef } from "react";
 
-export const Badge = forwardRef<HTMLParagraphElement, { color: string, text: string | number }>(({ color, text, ...props }, ref) => {
+export const Badge = forwardRef<HTMLParagraphElement, { color: string | TwStyle, text: string | number }>(({ color, text, ...props }, ref) => {
   const colors = {
     yellow: tw`bg-yellow-500`,
     gray: tw`bg-gray-500`,