diff --git a/src/components/pages/ABDesign/v1/pages/RelationshipZodiacInfo/index.tsx b/src/components/pages/ABDesign/v1/pages/RelationshipZodiacInfo/index.tsx
index fd3bf31..11ba9ba 100644
--- a/src/components/pages/ABDesign/v1/pages/RelationshipZodiacInfo/index.tsx
+++ b/src/components/pages/ABDesign/v1/pages/RelationshipZodiacInfo/index.tsx
@@ -61,12 +61,12 @@ function RelationshipZodiacInfoPage() {
       />
       <div className={styles["image-container"]}>
         <img
-          src={`/questionnaire/zodiacs/${gender}/${zodiacSign?.toLowerCase()}.webp`}
+          src={`/questionnaire-redesign/zodiacs/${gender}/pdf.sex.${zodiacSign?.toUpperCase()}.${gender.toUpperCase()}.webp`}
           alt="The zodiac signs"
         />
         <img src="/plus.svg" alt="Plus" />
         <img
-          src={`/questionnaire/zodiacs/${partnerGender}/${partnerZodiacSign?.toLowerCase()}.webp`}
+          src={`/questionnaire-redesign/zodiacs/${partnerGender}/pdf.sex.${partnerZodiacSign?.toUpperCase()}.${partnerGender.toUpperCase()}.webp`}
           alt="The zodiac signs"
         />
       </div>
diff --git a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/WithPartnerInformation/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/WithPartnerInformation/index.tsx
index 0ca186d..3af0731 100644
--- a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/WithPartnerInformation/index.tsx
+++ b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/WithPartnerInformation/index.tsx
@@ -33,14 +33,15 @@ function WithPartnerInformation(props: IWithPartnerInformationProps) {
       <div className={styles["images-container"]}>
         <div className={styles["image-container"]}>
           <img
-            src={`/questionnaire/zodiacs/${gender}/${zodiacSign?.toLowerCase()}.webp`}
+            src={`/questionnaire-redesign/zodiacs/${gender}/pdf.sex.${zodiacSign?.toUpperCase()}.${gender.toUpperCase()}.webp`}
             alt={`${gender} ${zodiacSign}`}
           />
           <p>You</p>
         </div>
+        <img src="/plus.svg" alt="Plus" />
         <div className={styles["image-container"]}>
           <img
-            src={`/questionnaire/zodiacs/${partnerGender}/${partnerZodiacSign?.toLowerCase()}.webp`}
+            src={`/questionnaire-redesign/zodiacs/${partnerGender}/pdf.sex.${partnerZodiacSign?.toUpperCase()}.${partnerGender.toUpperCase()}.webp`}
             alt={`${partnerGender} ${partnerZodiacSign}`}
           />
           <p>Partner</p>
diff --git a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/WithPartnerInformation/styles.module.css b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/WithPartnerInformation/styles.module.css
index 634a673..1d019da 100644
--- a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/WithPartnerInformation/styles.module.css
+++ b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/WithPartnerInformation/styles.module.css
@@ -17,8 +17,10 @@
   min-height: 100px;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
-  display: flex;
-  justify-content: space-around;
+  display: grid;
+  grid-template-columns: 1fr min-content 1fr;
+  align-items: center;
+  gap: 4px;
   padding-top: 10px;
   padding-bottom: 6px;
 }