fix: PostCard and PostsGrid spacing

src/components/PostCard/PostCard.tsx

@@ -172,6 +172,8 @@ PostCard.styles = {
   xxsmall: (theme: Theme) => css``,
   xsmall: (theme: Theme) => css``,
   small: (theme: Theme) => css`
+    padding-bottom: var(--lsd-spacing-8);
+
     .post-card__title {
       margin-top: var(--lsd-spacing-16);
     }
@@ -209,6 +211,8 @@ PostCard.styles = {
     }
   `,
   medium: (theme: Theme) => css`
+    padding-bottom: var(--lsd-spacing-8);
+
     .post-card__title {
       margin-top: var(--lsd-spacing-24);
     }
@@ -263,6 +267,7 @@ PostCard.styles = {
       'info image'
       '. image';
     gap: 0 var(--lsd-spacing-64);
+    padding: var(--lsd-spacing-24) 0;
 
     .post-card__title-text {
       ${lsdUtils.typography('h1')}

src/components/PostCard/PostResultCard.tsx

@@ -9,7 +9,6 @@ import { PostCardSubTitle } from '@/components/PostCard/PostCard.Subtitle'
 import { PostCardTitle } from '@/components/PostCard/PostCard.Title'
 import { getPostLink } from '../../utils/route.utils'
 import { Authors } from '../Authors'
-import { AuthorsDirection } from '../Authors/Authors'
 import { PostCardLabel } from './PostCard.Label'
 
 type PostResultCardProps = Omit<PostCardProps, 'size'>
@@ -56,13 +55,7 @@ export const PostResultCard = (_props: PostResultCardProps) => {
       <PostCardTitle href={link}>{title}</PostCardTitle>
       <PostCardSubTitle>{subtitle}</PostCardSubTitle>
       {authors && authors.length > 0 && (
-        <Authors
-          className="post-card__authors"
-          authors={authors}
-          email={false}
-          flexDirection={AuthorsDirection.ROW}
-          gap={8}
-        />
+        <Authors className="post-card__authors" authors={authors} />
       )}
       {displayPodcastShow && podcastShowDetails && (
         <PostCardShowDetails

src/components/PostsGrid/PostsGrid.tsx

@@ -280,16 +280,12 @@ const Container = styled.div<{
   }
 }>`
   display: grid;
-  gap: 16px 0;
+  gap: var(--lsd-spacing-16);
 
   ${(props) => css`
     > .row {
       display: grid;
-      gap: 0 16px;
-
-      & > div {
-        padding: 24px 0;
-      }
+      gap: var(--lsd-spacing-16);
     }
 
     ${lsdUtils