From 16f8e41062591f256e7a137a1746bc4e151811af Mon Sep 17 00:00:00 2001
From: Haziq Khairi <ikhairulhaziq11@gmail.com>
Date: Fri, 12 Jan 2024 00:29:44 +0800
Subject: [PATCH] fix: flag position

---
 src/pages/ArtDescription.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/ArtDescription.jsx b/src/pages/ArtDescription.jsx
index e3426f5..045db9a 100644
--- a/src/pages/ArtDescription.jsx
+++ b/src/pages/ArtDescription.jsx
@@ -55,11 +55,13 @@ const ArtInfo = ({ artItem }) => (
         <span className="font-semibold">Dimensions: </span>
         {artItem.dimensions}
       </p>
-      <div className="flex items-center">
+      <p>
         <span className="font-semibold">Location: </span>
-        <span className="ml-2">{artItem.location}</span>
-        <FlagImage countryCode={artItem.countryCode} />
-      </div>
+        {artItem.location}
+        <span style={{ display: 'inline-flex', alignItems: 'center' }}>
+          <FlagImage countryCode={artItem.countryCode} />
+        </span>
+      </p>
     </CardBody>
   </Card>
 );