From b6c8bc5498bc9f547da4560ae4bdb47b1d4d9614 Mon Sep 17 00:00:00 2001
From: Frost <Bear-Frost@users.noreply.github.com>
Date: Mon, 9 Sep 2024 14:07:51 +0800
Subject: [PATCH] avoid wrapping the text

---
 src/components/countryDetails.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/countryDetails.jsx b/src/components/countryDetails.jsx
index 24e7d39..458aba7 100644
--- a/src/components/countryDetails.jsx
+++ b/src/components/countryDetails.jsx
@@ -58,7 +58,7 @@ function CountryDetails() {
             </div>
 
             <div className="flex flex-col gap-4 lg:flex-row lg:items-center mt-8">
-              <p className="font-extrabold text-base capitalize">
+              <p className="font-extrabold text-base capitalize text-nowrap">
                 border countries:
               </p>
               <div className="flex flex-wrap gap-x-2 gap-y-4">