fix: design review comments

components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx

@@ -47,9 +47,6 @@ export default function LoyaltyLevels() {
 
 function LevelCard({ formatMessage, lang, level }: LevelCardProps) {
   const pointsString = `${level.requiredPoints.toLocaleString(lang)} ${formatMessage({ id: "Points" })} `
-  const qualifications = level.requiredNights
-    ? `${pointsString} ${formatMessage({ id: "or" })} ${level.requiredNights} ${formatMessage({ id: "nights" })}`
-    : pointsString
 
   let Level = null
   switch (level.level) {
@@ -93,7 +90,13 @@ function LevelCard({ formatMessage, lang, level }: LevelCardProps) {
         <Level color="red" />
       </header>
       <Title textAlign="center" level="h5">
-        {qualifications}
+        {level.requiredPoints}{" "}
+        {level.requiredNights ? (
+          <Title textAlign="center" level="h5" color="red">
+            {formatMessage({ id: "or" })} {level.requiredNights}{" "}
+            {formatMessage({ id: "nights" })}
+          </Title>
+        ) : null}
       </Title>
       <div className={styles.textContainer}>
         {level.benefits.map((benefit) => (