ok

src/components/Veda3.jsx

@@ -12,7 +12,7 @@ import {
 } from '@headlessui/react'
 import { StarIcon } from '@heroicons/react/20/solid'
 import { HeartIcon } from '@heroicons/react/24/outline'
-import { H2, PS } from '@/components/text'
+import { H2, PS, PXS } from '@/components/text'
 
 const product = {
   name: 'VEDA III',
@@ -184,7 +184,7 @@ export default function Veda3() {
                   <ul role="list" className="list-disc pl-5 space-y-2">
                     {product.details[0].items.map((item) => (
                       <li key={item} className="text-gray-700">
-                        <span className="text-gray-900">{item}</span>
+                        <PXS>{item}</PXS>
                       </li>
                     ))}
                   </ul>