icon padding update

packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/TtsPageHero.tsx

@@ -9,7 +9,7 @@ import {
   faStar,
   faUser,
   faArrowRight,
-  faWaveformLines,
+  faMessageDots,
 } from "@fortawesome/pro-solid-svg-icons";
 import { Analytics } from "../../../../../common/Analytics";
 import { WebUrl } from "../../../../../common/WebUrl";
@@ -96,7 +96,9 @@ export function TtsPageHero(props: Props) {
     }
   }
 
-  const titleIcon = <FontAwesomeIcon icon={faWaveformLines} className="me-3" />;
+  const titleIcon = (
+    <FontAwesomeIcon icon={faMessageDots} className="me-3 me-lg-4" />
+  );
   const title = <>{t("tts.TtsModelListPage.heroSection.title")}</>;
   const subText = (
     <>

packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx

@@ -8,7 +8,7 @@ import {
   faStar,
   faUser,
   faArrowRight,
-  faMicrophoneLines,
+  faMicrophoneStand,
 } from "@fortawesome/pro-solid-svg-icons";
 import { Analytics } from "../../../../../../common/Analytics";
 import { WebUrl } from "../../../../../../common/WebUrl";
@@ -102,7 +102,7 @@ export function VcPageHero(props: Props) {
   }
 
   const titleIcon = (
-    <FontAwesomeIcon icon={faMicrophoneLines} className="me-3" />
+    <FontAwesomeIcon icon={faMicrophoneStand} className="me-3 me-lg-4" />
   );
   const title = <>Voice to Voice</>;
   const subText = (

packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_list/W2lTemplateListPage.tsx

@@ -14,11 +14,11 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faChevronLeft,
   faChevronRight,
-  faFilm,
 } from "@fortawesome/free-solid-svg-icons";
 import { motion } from "framer-motion";
 import { usePrefixedDocumentTitle } from "../../../../../common/UsePrefixedDocumentTitle";
 import { PageHeader } from "../../../_common/PageHeader";
+import { faVideo } from "@fortawesome/pro-solid-svg-icons";
 
 const Fade = require("react-reveal/Fade");
 
@@ -200,7 +200,7 @@ function W2lTemplateListPage(props: Props) {
 
   const title = <>Video Lip Sync Templates</>;
   const subText = <>{extraDetails}</>;
-  const titleIcon = <FontAwesomeIcon icon={faFilm} className="me-3" />;
+  const titleIcon = <FontAwesomeIcon icon={faVideo} className="me-3 me-lg-4" />;
 
   return (
     <motion.div initial="hidden" animate="visible" variants={container}>