diff --git a/src/components/shared/card/card-tags/index.tsx b/src/components/shared/card/card-tags/index.tsx
index fd88fb9e..7524d42c 100644
--- a/src/components/shared/card/card-tags/index.tsx
+++ b/src/components/shared/card/card-tags/index.tsx
@@ -8,11 +8,9 @@ type CardTagsProps = {
 };
 
 export const CardTags = ({ tags }: CardTagsProps) => {
-  if (!tags?.length) return null;
-
   return (
-    <div className='mt-1 flex gap-1 overflow-hidden'>
-      {tags.map((tag) => (
+    <div className='mt-1 flex min-h-5 gap-1 overflow-hidden'>
+      {tags?.map((tag) => (
         <span
           key={tag.id}
           className='bg-mint-100 text-text-2xs-medium text-mint-700 inline-flex shrink-0 items-center rounded-full px-2 py-0.5'
diff --git a/src/components/shared/card/index.tsx b/src/components/shared/card/index.tsx
index 0351d8ae..36dc2af2 100644
--- a/src/components/shared/card/index.tsx
+++ b/src/components/shared/card/index.tsx
@@ -71,15 +71,17 @@ const Card = ({
       onClick={onClick}
     >
       <div className='flex min-w-0 gap-4'>
-        <div className='flex flex-col'>
-          <CardThumbnail
-            hasThumbnail={hasThumbnail}
-            thumbnail={thumbnail}
-            title={title}
-            onError={() => setImageError(true)}
-          />
-
-          <CardProfile nickName={nickName} profileImage={profileImage} />
+        <div className='flex flex-col justify-between'>
+          <div>
+            <CardThumbnail
+              hasThumbnail={hasThumbnail}
+              thumbnail={thumbnail}
+              title={title}
+              onError={() => setImageError(true)}
+            />
+
+            <CardProfile nickName={nickName} profileImage={profileImage} />
+          </div>
 
           {shouldShowButtons && (
             <Button
@@ -96,21 +98,23 @@ const Card = ({
           )}
         </div>
 
-        <div className='flex min-w-0 flex-1 flex-col'>
-          <h3 className='text-text-md-semibold w-full truncate text-gray-900'>{title}</h3>
+        <div className='flex min-w-0 flex-1 flex-col justify-between'>
+          <div>
+            <h3 className='text-text-md-semibold w-full truncate text-gray-900'>{title}</h3>
 
-          <CardTags tags={cardTags} />
+            <CardTags tags={cardTags} />
 
-          <div className='mt-[13px] flex flex-col gap-1'>
-            <CardInfoRow iconId='map-pin-1' label={location} />
-            <CardInfoRow iconId='calendar-1' label={dateTime} />
-          </div>
+            <div className='mt-3.25 flex flex-col gap-1'>
+              <CardInfoRow iconId='map-pin-1' label={location} />
+              <CardInfoRow iconId='calendar-1' label={dateTime} />
+            </div>
 
-          <CardParticipationRow
-            maxParticipants={maxParticipants}
-            participantCount={participantCount}
-            progress={progress}
-          />
+            <CardParticipationRow
+              maxParticipants={maxParticipants}
+              participantCount={participantCount}
+              progress={progress}
+            />
+          </div>
 
           {shouldShowButtons && (
             <Button