Fix: improve icon visibility in Quick Answers cards for dark mode (#543)

HarshJS30 · web-flow · commit 035b782afcdb · 2025-11-15T19:45:11.000+05:30
diff --git a/src/pages/About/FAQs.tsx b/src/pages/About/FAQs.tsx
@@ -103,7 +103,7 @@ const FAQs = () => {
                   whileTap="tap"
                 >
                   <motion.div
-                    className="w-12 h-12 bg-white dark:bg-gray-700 flex items-center justify-center rounded-lg mb-4"
+                    className="w-12 h-12 bg-white dark:bg-white-700 flex items-center justify-center rounded-lg mb-4"
                     variants={faqPageAnimations.quickAnswerIcon}
                     custom={index}
                   >

Original file line number	Diff line number	Diff line change
`@@ -103,7 +103,7 @@ const FAQs = () => {`
`103`	`103`	`whileTap="tap"`
`104`	`104`	`>`
`105`	`105`	`<motion.div`
`106`		`- className="w-12 h-12 bg-white dark:bg-gray-700 flex items-center justify-center rounded-lg mb-4"`
	`106`	`+ className="w-12 h-12 bg-white dark:bg-white-700 flex items-center justify-center rounded-lg mb-4"`
`107`	`107`	`variants={faqPageAnimations.quickAnswerIcon}`
`108`	`108`	`custom={index}`
`109`	`109`	`>`