diff --git a/www/packages/docs-ui/src/components/TypeList/Items/index.tsx b/www/packages/docs-ui/src/components/TypeList/Items/index.tsx
index 0c2b0200569f1..05298983db165 100644
--- a/www/packages/docs-ui/src/components/TypeList/Items/index.tsx
+++ b/www/packages/docs-ui/src/components/TypeList/Items/index.tsx
@@ -205,14 +205,14 @@ const TypeListItem = ({
                 {item.type}
               </MarkdownContent>
             </span>
-            {item.optional === false && (
+            {item.optional === true && (
               <span
                 className={clsx(
-                  "text-compact-x-small-plus uppercase",
-                  "text-medusa-fg-error"
+                  "text-compact-x-small-plus",
+                  "text-medusa-tag-blue-text"
                 )}
               >
-                Required
+                Optional
               </span>
             )}
             {item.featureFlag && (