diff --git a/src/components/faq-card/index.tsx b/src/components/faq-card/index.tsx
index 7a8a3977..22339f28 100644
--- a/src/components/faq-card/index.tsx
+++ b/src/components/faq-card/index.tsx
@@ -4,8 +4,18 @@ import type { FaqCardDataElement } from 'utils/typings/types'
import styles from './styles'
import Tag from 'components/tag'
+import DateText from 'components/date-text'
+
+const FaqCard = ({
+ title,
+ productTeam,
+ slug,
+ createdAt,
+ updatedAt,
+}: FaqCardDataElement) => {
+ const createdAtDate = new Date(createdAt)
+ const updatedAtDate = new Date(updatedAt)
-const FaqCard = ({ title, productTeam, slug }: FaqCardDataElement) => {
return (
@@ -15,6 +25,7 @@ const FaqCard = ({ title, productTeam, slug }: FaqCardDataElement) => {
{title}
+
)
diff --git a/src/components/faq-card/styles.ts b/src/components/faq-card/styles.ts
index de813f75..5cbcdc76 100644
--- a/src/components/faq-card/styles.ts
+++ b/src/components/faq-card/styles.ts
@@ -1,8 +1,8 @@
import type { SxStyleProp } from '@vtex/brand-ui'
const container: SxStyleProp = {
- px: ['32px', '64px'],
- py: ['16px', '24px'],
+ px: ['32px', '32px', '36px', '64px'],
+ py: '24px',
display: 'flex',
flexDirection: 'column',
gap: '16px',