Merged in fix/ratecard-adjustments (pull request #1638)

add transparent border to rateCard and make appoximateRate optional

* add transparent border to rateCard and make appoximateRate optional


Approved-by: Simon.Emanuelsson

packages/design-system/lib/components/RateCard/Points/index.tsx

@@ -71,10 +71,10 @@ export default function PointsRateCard({
                   <div className={styles.pointsRow}>
                     <Typography variant="Title/Subtitle/md">
                       <p>
-                        {rate.points}{' '}
+                        {`${rate.points} `}
                         <Typography variant="Body/Supporting text (caption)/smBold">
                           <span>
-                            {rate.currency} {rate.additionalPrice && ' + '}
+                            {`${rate.currency} ${rate.additionalPrice && ' + '}`}
                           </span>
                         </Typography>
                       </p>
@@ -82,7 +82,7 @@ export default function PointsRateCard({
                     {rate.additionalPrice && (
                       <Typography variant="Title/Subtitle/md">
                         <p>
-                          {rate.additionalPrice.price}{' '}
+                          {`${rate.additionalPrice.price} `}
                           <Typography variant="Body/Supporting text (caption)/smBold">
                             <span>{rate.currency}</span>
                           </Typography>