From 38a842cf89267ee101982a444fbd2f0af4280eeb Mon Sep 17 00:00:00 2001
From: Wille Marcel <wille.yyz@gmail.com>
Date: Wed, 5 Jun 2024 19:35:04 -0300
Subject: [PATCH] Fix stationary tag position

---
 src/components/cards/card.js | 38 ++++++++++++++++++------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/components/cards/card.js b/src/components/cards/card.js
index 146850889..c99f73bbe 100644
--- a/src/components/cards/card.js
+++ b/src/components/cards/card.js
@@ -15,6 +15,7 @@ const CardHeader = styled.div`
   justify-items: ${({ imagePosition }) =>
     imagePosition === "left top" ? "flex-start" : "center"};
   min-height: 180px;
+  margin-bottom: 0.5rem;
 `
 
 const Card = ({
@@ -77,27 +78,26 @@ const Card = ({
             <Placeholder size="medium" color={colors[mode].text} />
           </div>
         )}
-        {tag && (
-          <div
-            css={`
-               {
-                grid-area: 1 / 1;
-                align-self: flex-end;
-                justify-self: flex-start;
-                text-transform: uppercase;
-                border: 1px solid;
-                padding: 0.25rem;
-                margin: 1rem 0;
-                background-color: ${colors[mode].background};
-              }
-            `}
-            data-cy={`${tag.toLowerCase()}-tag`}
-          >
-            {tag}
-          </div>
-        )}
       </CardHeader>
       {children}
+      {tag && (
+        <div
+          css={`
+             {
+              grid-area: 1 / 1;
+              display: inline-block;
+              text-transform: uppercase;
+              border: 1px solid;
+              padding: 0.25rem;
+              margin: 1rem 0;
+              background-color: ${colors[mode].background};
+            }
+          `}
+          data-cy={`${tag.toLowerCase()}-tag`}
+        >
+          {tag}
+        </div>
+      )}
     </Link>
     {footerList && (
       <div