fix: song card height not adjusting to content

Author: Bentroen

web/src/modules/browse/components/SongCard.tsx

@@ -73,7 +73,7 @@ const SongCard = ({ song }: { song: SongPreviewDtoType | null }) => {
   return !song ? (
     <SongDataDisplay song={song} />
   ) : (
-    <Link href={`/song/${song.publicId}`} className='h-full max-h-[16.5rem]'>
+    <Link href={`/song/${song.publicId}`} className='h-full max-h-fit'>
       <div
         className='bg-zinc-800 hover:scale-105 hover:bg-zinc-700 rounded-lg cursor-pointer w-full h-full transition-all duration-200'
         style={{ backfaceVisibility: 'hidden' }}

web/src/modules/shared/components/client/ads/AdSlots.tsx

@@ -166,7 +166,7 @@ export const SongCardAdSlot = ({ className }: { className?: string }) => {
   return (
     <AdTemplate
       className={cn(
-        'relative rounded-xl bg-zinc-800 p-2 my-8 h-full w-full min-w-64 text-sm text-zinc-400',
+        'relative rounded-xl bg-zinc-800 p-2 h-full w-full min-w-64 text-sm text-zinc-400',
         className,
       )}
       adSlot='1737918264'