From 1f8b0839f72c00b9b572fffc24626759b560056f Mon Sep 17 00:00:00 2001
From: Vicente <ealmonacid@gmail.com>
Date: Tue, 28 Nov 2023 17:42:16 -0300
Subject: [PATCH] fix: Market layout on mobile (#155)

---
 packages/frontend/src/components/market/CoinInfo.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/market/CoinInfo.tsx b/packages/frontend/src/components/market/CoinInfo.tsx
index fb3ece0b..3a824d69 100644
--- a/packages/frontend/src/components/market/CoinInfo.tsx
+++ b/packages/frontend/src/components/market/CoinInfo.tsx
@@ -11,9 +11,13 @@ const CoinInfo: FC<{
     isBookmarked: boolean;
 }> = ({ selectedMarket, isAuthenticated, onTogglePin, isBookmarked }) => (
     <div className="data-wrap">
-        <div className="flex fontGroup-normal mb-2 [&>*]:mr-1.5 [&>.bookmark]:flex [&>.bookmark]:items-center [&>.bookmark]:cursor-pointer">
+        <div className="flex fontGroup-normal mb-2 [&>*]:mr-1.5 [&>.bookmark]:flex items-center [&>.bookmark]:cursor-pointer">
             {selectedMarket.icon && (
-                <img src={selectedMarket.icon} alt="" className="w-[18px]" />
+                <img
+                    src={selectedMarket.icon}
+                    alt=""
+                    className="w-[18px] rounded-full"
+                />
             )}
             <span className="text-primary capitalize fontGroup-highlightSemi">
                 {selectedMarket.name}