fix: add right padding to prevent italic text truncation

src/components/ContentPreview/CommunityDefinitionPreview.tsx

@@ -18,7 +18,7 @@ export default function CommunityDefinitionPreview({
 
   return (
     <div className={cn('pointer-events-none', className)} onClick={onClick}>
-      [{t('Community')}] <span className="italic">{metadata.name}</span>
+      [{t('Community')}] <span className="italic pr-0.5">{metadata.name}</span>
     </div>
   )
 }

src/components/ContentPreview/GroupMetadataPreview.tsx

@@ -18,7 +18,7 @@ export default function GroupMetadataPreview({
 
   return (
     <div className={cn('pointer-events-none', className)} onClick={onClick}>
-      [{t('Group')}] <span className="italic">{metadata.name}</span>
+      [{t('Group')}] <span className="italic pr-0.5">{metadata.name}</span>
     </div>
   )
 }

src/components/ContentPreview/LiveEventPreview.tsx

@@ -18,7 +18,7 @@ export default function LiveEventPreview({
 
   return (
     <div className={cn('pointer-events-none', className)} onClick={onClick}>
-      [{t('Live event')}] <span className="italic">{metadata.title}</span>
+      [{t('Live event')}] <span className="italic pr-0.5">{metadata.title}</span>
     </div>
   )
 }

src/components/ContentPreview/LongFormArticlePreview.tsx

@@ -18,7 +18,7 @@ export default function LongFormArticlePreview({
 
   return (
     <div className={cn('pointer-events-none', className)} onClick={onClick}>
-      [{t('Article')}] <span className="italic">{metadata.title}</span>
+      [{t('Article')}] <span className="italic pr-0.5">{metadata.title}</span>
     </div>
   )
 }

src/components/ContentPreview/index.tsx

@@ -43,7 +43,7 @@ export default function ContentPreview({
   if (event.kind === kinds.Highlights) {
     return (
       <div className={cn('pointer-events-none', className)}>
-        [{t('Highlight')}] <span className="italic">{event.content}</span>
+        [{t('Highlight')}] <span className="italic pr-0.5">{event.content}</span>
       </div>
     )
   }