From 47887c56558be406c84f9616c1c11394ef598981 Mon Sep 17 00:00:00 2001
From: ruizajtruss <111928238+ruizajtruss@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:11:06 -0700
Subject: [PATCH] rate name fix (#2322)

* rate name fix

* adding nbsp
---
 .../pages/LinkYourRates/LinkRateSelect.tsx    | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/services/app-web/src/pages/LinkYourRates/LinkRateSelect.tsx b/services/app-web/src/pages/LinkYourRates/LinkRateSelect.tsx
index c0499be118..2a6fd4cf7a 100644
--- a/services/app-web/src/pages/LinkYourRates/LinkRateSelect.tsx
+++ b/services/app-web/src/pages/LinkYourRates/LinkRateSelect.tsx
@@ -35,27 +35,31 @@ export const LinkRateSelect = ({
         return {
             value: revision.id,
             label: (
-                <div style={{ lineHeight: '50%' }}>
+                <>
                     <h4>{revision.formData.rateCertificationName}</h4>
-                    <p>
-                        Programs:{' '}
-                        {programNames(
-                            statePrograms,
-                            revision.formData.rateProgramIDs
-                        ).join(', ')}
-                    </p>
-                    <p>
-                        Rating period:{' '}
-                        {formatCalendarDate(revision.formData.rateDateStart)} -{' '}
-                        {formatCalendarDate(revision.formData.rateDateEnd)}
-                    </p>
-                    <p>
-                        Certification date:{' '}
-                        {formatCalendarDate(
-                            revision.formData.rateDateCertified
-                        )}
-                    </p>
-                </div>
+                    <div style={{ lineHeight: '50%' }}>
+                        <p>
+                            Programs:&nbsp;
+                            {programNames(
+                                statePrograms,
+                                revision.formData.rateProgramIDs
+                            ).join(', ')}
+                        </p>
+                        <p>
+                            Rating period:&nbsp;
+                            {formatCalendarDate(
+                                revision.formData.rateDateStart
+                            )}
+                            -{formatCalendarDate(revision.formData.rateDateEnd)}
+                        </p>
+                        <p>
+                            Certification date:&nbsp;
+                            {formatCalendarDate(
+                                revision.formData.rateDateCertified
+                            )}
+                        </p>
+                    </div>
+                </>
             ),
         }
     })