style : dont break new line

components/public/structured-guide.tsx

@@ -58,8 +58,8 @@ function WeaponSection({ guide }: { guide: PublicGuide }) {
                 <p className="truncate text-base font-semibold sm:text-lg">{index + 1}. {row.weapon.name} R{row.refinement}</p>
               </div>
               <div className="flex items-center justify-around gap-4 bg-white px-4 py-5 text-black">
-                {row.overallPercent ? <div className="flex-1 text-center"><p className={cn("text-4xl leading-none font-bold sm:text-5xl", rarityTextClass(row.weapon.rarity))}>{metric(row.overallPercent)}</p><p className="mt-1 text-sm sm:text-base">ดาเมททั้งทีม</p></div> : null}
+                {row.overallPercent ? <div className="flex-1 text-center"><p className={cn("whitespace-nowrap text-4xl leading-none font-bold sm:text-5xl", rarityTextClass(row.weapon.rarity))}>{metric(row.overallPercent)}</p><p className="mt-1 text-sm sm:text-base">ดาเมททั้งทีม</p></div> : null}
-                {row.personalPercent ? <div className="flex-1 text-center"><p className={cn("text-4xl leading-none font-bold sm:text-5xl", rarityTextClass(row.weapon.rarity))}>{metric(row.personalPercent)}</p><p className="mt-1 text-sm sm:text-base">ดาเมจส่วนตัว</p></div> : null}
+                {row.personalPercent ? <div className="flex-1 text-center"><p className={cn("whitespace-nowrap text-4xl leading-none font-bold sm:text-5xl", rarityTextClass(row.weapon.rarity))}>{metric(row.personalPercent)}</p><p className="mt-1 text-sm sm:text-base">ดาเมจส่วนตัว</p></div> : null}
               </div>
             </CardContent>
           </Card>