From 664c5c4ffb00f754a3630fed8d9dc412baf55be2 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 27 Oct 2023 17:59:55 -0300
Subject: [PATCH] fix(market-card.tsx): change tooltip side from top to right
 for better visibility and alignment fix(market-card.tsx): add hover effect to
 the container div to indicate interactivity

---
 src/frontend/src/pages/StorePage/components/market-card.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/pages/StorePage/components/market-card.tsx b/src/frontend/src/pages/StorePage/components/market-card.tsx
index 7c4962bfa..ff75c4db1 100644
--- a/src/frontend/src/pages/StorePage/components/market-card.tsx
+++ b/src/frontend/src/pages/StorePage/components/market-card.tsx
@@ -148,9 +148,9 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
             <div className=" flex items-center gap-3">
               <ShadTooltip
                 styleClasses="bg-transparent border-none shadow-none"
-                side="top"
+                side="right"
                 content={
-                  <div className="flex flex-wrap  gap-1">
+                  <div className="flex flex-wrap gap-1">
                     {testTags.map((tag, index) => (
                       <div className="">
                         <Badge
@@ -166,7 +166,7 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
                   </div>
                 }
               >
-                <div>
+                <div className="hover:blur-sm">
                   {testTags.length > 0 ? (
                     <ElementStack>
                       {testTags.map((tag, index) => (