diff --git a/app/components/HoverPreview/Components.tsx b/app/components/HoverPreview/Components.tsx
index 4c59de088..eb17e4132 100644
--- a/app/components/HoverPreview/Components.tsx
+++ b/app/components/HoverPreview/Components.tsx
@@ -13,7 +13,6 @@ export const THUMBNAIL_HEIGHT = 200;
 
 const StyledText = styled(Text)`
   margin-bottom: 0;
-  padding-top: 0.125em;
 `;
 
 export const Preview = styled(Link)`
@@ -28,7 +27,7 @@ export const Preview = styled(Link)`
 
 export const Title = styled.h2`
   font-size: 1.25em;
-  margin: 0.125em 0 0 0;
+  margin: 0;
   color: ${s("text")};
 `;
 
diff --git a/app/components/HoverPreview/HoverPreviewDocument.tsx b/app/components/HoverPreview/HoverPreviewDocument.tsx
index 7d21c7b03..2e12c93a0 100644
--- a/app/components/HoverPreview/HoverPreviewDocument.tsx
+++ b/app/components/HoverPreview/HoverPreviewDocument.tsx
@@ -28,7 +28,7 @@ function HoverPreviewDocument({ id, url, title, info, description }: Props) {
     <Preview to={url}>
       <Card>
         <CardContent>
-          <Flex column>
+          <Flex column gap={2}>
             <Title>{title}</Title>
             <Info>{info}</Info>
             <DescriptionContainer>
diff --git a/app/components/HoverPreview/HoverPreviewMention.tsx b/app/components/HoverPreview/HoverPreviewMention.tsx
index 63d61dbef..ffdb0c6b7 100644
--- a/app/components/HoverPreview/HoverPreviewMention.tsx
+++ b/app/components/HoverPreview/HoverPreviewMention.tsx
@@ -29,7 +29,7 @@ function HoverPreviewMention({ url, title, info, color }: Props) {
               }}
               size={AvatarSize.XLarge}
             />
-            <Flex column>
+            <Flex column gap={2} justify="center">
               <Title>{title}</Title>
               <Info>{info}</Info>
             </Flex>